@import url("assets/phosphor/regular/style.css");
@import url("assets/phosphor/bold/style.css");
@import url("assets/phosphor/fill/style.css");
:root{--ink:#0F141E;--mut:#5B6880;--line:#DCE1EA;--bg:#F6F7F9;--card:#fff;--main:#2F6FEB;--main-d:#1F55C4;--ok:#2E9E5B;--warn:#D9831A;--gray:#8A94A6;--soft:#EEF2F9}
html,body{background:var(--bg);color:var(--ink)}
body{font-family:"Roboto",system-ui,sans-serif;font-size:15px}
h1,h2,h3,h4,h5,h6,.hd{font-family:"Urbanist","Roboto",sans-serif;color:var(--ink)}
*{box-shadow:none!important}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:200}.skip:focus{left:8px;top:8px}
a{color:var(--main)}
/* shell */
.sidebar{background:#fff;border-right:1px solid var(--line)}
.sidebar__logo{display:flex;align-items:center;gap:10px;padding:20px 20px 12px;text-decoration:none;color:var(--ink);font-family:Urbanist,sans-serif;font-weight:700;font-size:20px;border-bottom:0}
.brandmark{width:36px;height:36px;flex:none;display:block}
.lockup{display:inline-flex;align-items:center;gap:10px;line-height:1}
.wm{display:flex;flex-direction:column;gap:3px}.wm b{font-family:Urbanist,sans-serif;font-size:19px;font-weight:800;letter-spacing:.02em;color:var(--ink)}.wm span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.sidebar__logo{display:flex!important;align-items:center}
.pcard{display:flex;flex-direction:column;align-items:flex-start;height:100%;cursor:pointer;text-align:left}
.pcard .pblurb{font-size:14.5px;color:var(--mut);margin:0 0 16px;flex:1 1 auto}
.pcard:hover{border-color:var(--main)!important}
.pgo{pointer-events:none;align-self:flex-start;width:auto}
.sidebar-menu__link{border-radius:10px;color:var(--mut)!important;display:flex;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;font-weight:500}
.sidebar-menu__link .icon{font-size:20px;display:flex}
.sidebar-menu__link:hover{background:var(--soft);color:var(--ink)!important}
.sidebar-menu__item.on>.sidebar-menu__link{background:var(--main);color:#fff!important}
.sidebar-menu__item.on .icon i{color:#fff}
.sidebar-menu{list-style:none;margin:0;padding:0}
.who{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;text-align:left}
.who b{display:block;font-size:14px;line-height:1.2}.who span{font-size:12.5px;color:var(--mut)}
.persona-menu{min-width:300px;border:1px solid var(--line);border-radius:12px;padding:8px}
.persona-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:8px;border-radius:8px;text-align:left}
.persona-menu button:hover{background:var(--soft)}
.persona-menu small{display:block;color:var(--mut)}
.av{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex:none}
.av.sm{width:28px;height:28px;font-size:12px}.av.lg{width:48px;height:48px;font-size:16px}
.top-navbar{background:#fff;border-bottom:1px solid var(--line);padding:12px 24px}
.top-navbar form input{border:1px solid var(--line);border-radius:999px;height:40px;background:#fff}
.dashboard-body{padding:28px 28px 60px}
@media(max-width:575px){.dashboard-body{padding:18px 14px 50px}.top-navbar{padding:10px 14px}}
.crumb{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px}
.crumb h1{font-size:26px;margin:0 0 4px;font-weight:700}
.crumb p{margin:0;color:var(--mut);max-width:70ch}
/* components */
.card{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff}
.cp{padding:22px}.cp-sm{padding:16px}
.card h3{font-size:18px;margin:0 0 12px;font-weight:700}
.cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.cardhead h3{margin:0}
.btnx{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--main);background:var(--main);color:#fff;border-radius:9px;padding:8px 16px;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;line-height:1.2}
.btnx:hover{background:var(--main-d);border-color:var(--main-d);color:#fff}
.btnx.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btnx.ghost:hover{background:var(--soft);color:var(--ink)}
.btnx.quiet{background:transparent;color:var(--main);border-color:transparent;padding:6px 8px}.btnx.quiet:hover{background:var(--soft);color:var(--main)}
.btnx.sm{padding:6px 13px;font-size:13.5px;gap:6px}
.btnx:disabled{opacity:.5;cursor:not-allowed}
.btnx:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9DBBF7;outline-offset:2px}
.st{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--ink)}
.st i{width:9px;height:9px;border-radius:50%;display:inline-block}
.tagx{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:2px 9px;font-size:13px;color:var(--mut);margin:0 6px 6px 0;background:#fff}
.meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--mut);font-size:14px;align-items:center}
.meta span{display:inline-flex;align-items:center;gap:5px}
.fld{margin-bottom:16px}.fld label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.fld small{color:var(--mut);display:block;margin-top:4px}
.in,.sel,.ta{width:100%;border:1px solid #C3CBD8;border-radius:10px;padding:10px 12px;font-size:15px;background:#fff;color:var(--ink)}
.ta{min-height:96px;resize:vertical}
.searchbar{display:flex;gap:10px;flex-wrap:wrap}.searchbar .in{flex:1;min-width:220px;height:50px;font-size:16px;padding:0 16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:14px;color:var(--ink);cursor:pointer}.chip:hover{background:var(--soft)}
.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}
@media(max-width:575px){.grid3,.grid4{grid-template-columns:1fr}}
.rc{display:flex;flex-direction:column;overflow:hidden;padding:0}
.rc .pic{height:150px;background-size:cover;background-position:center}
.rc .bd{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.rc h4{font-size:17px;margin:0;font-weight:700;line-height:1.25}
.rc h4 a{color:var(--ink);text-decoration:none}.rc h4 a:hover{color:var(--main)}
.rc .why{font-size:13.5px;color:var(--mut)}
.rc .ft{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.rrow{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.rrow:last-child{border-bottom:0}
.rrow .th{width:132px;height:96px;border-radius:10px;background-size:cover;background-position:center;flex:none}
@media(max-width:575px){.rrow{flex-direction:column}.rrow .th{width:100%;height:150px}}
.kpi{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
.kpi b{display:block;font-family:Urbanist,sans-serif;font-size:28px;line-height:1.1}
.kpi span{color:var(--mut);font-size:14px}
.kpi small{display:block;margin-top:6px;color:var(--mut);font-size:12.5px}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl li{position:relative;padding:0 0 18px 26px}
.tl li::before{content:"";position:absolute;left:5px;top:6px;bottom:-4px;width:2px;background:var(--line)}
.tl li:last-child::before{display:none}
.tl li::after{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--gray)}
.tl li.now::after{border-color:var(--ok)}
.tl b{display:block}.tl small{color:var(--mut)}
.steps{counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{counter-increment:s;display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.steps li:last-child{border-bottom:0}
.steps li::before{content:counter(s);width:26px;height:26px;border-radius:50%;border:1.5px solid var(--main);color:var(--main);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.steps li.aiu{background:#FFF8E8;margin:0 -10px;padding:10px;border-radius:8px}
.sug{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px;background:#fff}
.sug.acc{border-color:var(--ok)}.sug.rej{opacity:.65}
.sug h5{font-size:15px;margin:0 0 8px;font-weight:700}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.cmp div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px}
.cmp small{display:block;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;margin-bottom:4px}
.cmp .new{border-color:#E7C27A;background:#FFF8E8}
@media(max-width:575px){.cmp{grid-template-columns:1fr}}
.basis{font-size:13.5px;color:var(--mut);display:flex;gap:6px;align-items:flex-start}
.upl{border:2px dashed #B5BFD0;border-radius:14px;padding:30px;text-align:center;background:#fff}
.upl.over{border-color:var(--main);background:var(--soft)}
.upl i.big{font-size:36px;color:var(--main)}
.file{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:10px;background:#fff}
.file i{font-size:24px;color:var(--main)}
.conf{font-size:12.5px;color:var(--mut);margin-left:6px}
.conf b{color:var(--ink)}
.table{width:100%;border-collapse:collapse}.table th{font-size:13px;color:var(--mut);font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14.5px}
.table tr:last-child td{border-bottom:0}
.banner{border:1px solid #E7C27A;background:#FFF8E8;border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}
.banner.info{border-color:#B9CBF3;background:#F3F7FF}
.banner.ok{border-color:#B6DEC5;background:#F2FAF5}
.empty{text-align:center;padding:36px 16px;color:var(--mut)}.empty i{font-size:34px;display:block;margin-bottom:8px}
.check{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14.5px}
.check input{margin-top:4px;width:18px;height:18px}
.lock{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:var(--mut)}
.toast-hb{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#0F141E;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:300;max-width:90vw;font-size:14.5px}
.toast-hb.show{opacity:1;transform:translateX(-50%) translateY(0)}
.legend{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:14.5px}
.legend i{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:8px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.seg button{border:0;background:transparent;padding:7px 16px;font-size:14px}.seg button.on{background:var(--ink);color:#fff}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}
.tabs button{border:0;background:transparent;padding:10px 14px;font-weight:600;color:var(--mut);border-bottom:3px solid transparent}
.tabs button.on{color:var(--ink);border-color:var(--main)}
.sidehelp{border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 20px 20px;font-size:13.5px;color:var(--mut)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:0;overflow:hidden;padding:0}
.hero .tx{padding:30px}.hero .im{background-size:cover;background-position:center;min-height:260px}
.hero h2{font-size:32px;font-weight:800;margin:0 0 10px;line-height:1.1}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
.dlg{position:fixed;inset:0;background:rgba(15,20,30,.45);display:flex;align-items:center;justify-content:center;z-index:250;padding:16px}
.dlg>div{background:#fff;border-radius:14px;max-width:520px;width:100%;padding:24px}
.dlg h3{font-size:20px;margin:0 0 8px}
.prog{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.prog i{display:block;height:100%;background:var(--main)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.dashboard-main-wrapper{background:var(--bg)}
.sidebar-menu__link .text{text-transform:none}
.sidebar__logo{font-size:18px;white-space:nowrap}
.sidebar{min-height:100vh}

.btnx{width:fit-content}.btnx.w-100{width:100%}
.apexcharts-text,.apexcharts-xaxis-label,.apexcharts-yaxis-label{font-size:12px!important}
.fld label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:22px}
.conf{margin-left:0!important;white-space:nowrap;font-weight:500}
.upl p{margin:6px 0 18px}
.top-navbar form.w-350{width:420px!important}
.grid3>.fld,.grid2>.fld{margin-bottom:0}
.av,.who .av{color:#fff!important;font-weight:700}