:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f3f5f8;--sidebar-bg:#fff;--topbar-bg:#f3f5f8eb;--surface:#fff;--surface-soft:#f7f8fb;--surface-hover:#f0f2f7;--text:#111a2d;--text-soft:#556176;--muted:#596579;--faint:#647084;--border:#e7eaf0;--border-strong:#dce1e9;--accent:#7868f8;--accent-strong:#6655ed;--accent-soft:#f0edff;--accent-text:#5949d9;--blue:#58b7f7;--green:#27bf75;--green-soft:#e7f8ef;--red:#f45b67;--red-soft:#ffebed;--amber:#e7a23f;--amber-soft:#fff5e4;--shadow:0 8px 28px #141e370e;--shadow-hover:0 14px 34px #141e3717}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#111827;--sidebar-bg:#1d2938;--topbar-bg:#111827eb;--surface:#1f2b3b;--surface-soft:#263447;--surface-hover:#2a394d;--text:#f7f8fc;--text-soft:#bdc7d7;--muted:#93a0b5;--faint:#748197;--border:#2e3b4e;--border-strong:#3a485c;--accent:#8575ff;--accent-strong:#9a8dff;--accent-soft:#302f55;--accent-text:#b9b0ff;--blue:#61bdf8;--green:#3dd48a;--green-soft:#173f35;--red:#ff6874;--red-soft:#4c2730;--amber:#f1b65a;--amber-soft:#493a25;--shadow:0 10px 32px #00000029;--shadow-hover:0 16px 40px #0000003d}*{box-sizing:border-box}html{background:var(--app-bg);min-width:320px}body{color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,Segoe UI,Helvetica,Arial,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}svg{flex:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.appShell{background:var(--app-bg);min-height:100vh;display:flex}.authShell{background:var(--app-bg);grid-template-columns:minmax(340px,38%) minmax(0,1fr);min-height:100svh;display:grid}.authIdentity{isolation:isolate;color:#fff;background:#151d30;flex-direction:column;min-height:100svh;padding:clamp(30px,4.5vw,64px);display:flex;position:relative;overflow:hidden}.authIdentity:before,.authIdentity:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.authIdentity:before{border:1px solid #8575ff57;width:390px;height:390px;top:11%;right:-210px;box-shadow:0 0 0 74px #7868f809,0 0 0 148px #7868f806}.authIdentity:after{background:#7868f829;width:170px;height:170px;bottom:9%;left:-88px}.authBrand{align-items:center;gap:13px;display:flex}.authBrand .logo{fill:#8d7eff;width:39px;height:39px}.authBrand>div{gap:4px;display:grid}.authBrand strong{letter-spacing:-.025em;font-size:18px;line-height:1}.authBrand span{color:#9da8bb;font-size:11px}.identityMessage{max-width:520px;margin:auto 0 34px}.identityMessage h2{letter-spacing:-.04em;text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(36px,4vw,58px);line-height:1.04}.identityMessage p{color:#b7c1d2;max-width:44ch;margin:22px 0 0;font-size:16px;line-height:1.65}.identitySignal{color:#dce3ee;background:#ffffff0e;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:14px;max-width:480px;padding:16px;display:flex}.identitySignal>span{color:#b9b0ff;background:#8575ff26;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.identitySignal strong{color:#fff;font-size:13px;display:block}.identitySignal p{color:#aeb9ca;margin:5px 0 0;font-size:12px;line-height:1.5}.authIdentityFooter{color:#7f8ca1;align-items:center;gap:8px;margin-top:38px;font-size:11px;display:flex}.liveDot{background:#3dd48a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3dd48a1a}.authStage{background:var(--app-bg);flex-direction:column;min-width:0;min-height:100svh;padding:28px clamp(28px,5vw,76px) 48px;display:flex}.authStageTop{min-height:42px;color:var(--muted);justify-content:flex-end;align-items:center;gap:14px;font-size:12px;display:flex}.authStageTop>span{border-right:1px solid var(--border);padding-right:15px}.authStageTop strong{color:var(--text);margin-left:5px}.loginWrap{width:min(100%,460px);margin:auto;padding:44px 0 60px;animation:.55s cubic-bezier(.16,1,.3,1) both auth-in}.loginHeading{margin-bottom:34px}.loginHeading h1,.siteHeading h1{color:var(--text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(34px,3.3vw,46px);line-height:1.06}.loginHeading p,.siteHeading p{color:var(--muted);margin:13px 0 0;font-size:15px;line-height:1.6}.loginForm{display:grid}.loginForm>label,.passwordLabel label{color:var(--text-soft);margin-bottom:8px;font-size:12px;font-weight:750}.passwordLabel{justify-content:space-between;align-items:center;margin-top:21px;display:flex}.passwordLabel button{color:var(--accent-text);background:0 0;border:0;padding:0;font-size:11px;font-weight:750}.authInput{min-height:55px;color:var(--muted);background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;align-items:center;gap:11px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.authInput:focus-within{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 72%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 11%, transparent)}.authInput input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.authInput input::placeholder{color:var(--faint)}.passwordToggle{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;margin-right:-5px;display:grid}.passwordToggle:hover{color:var(--text);background:var(--surface-hover)}.remember{align-items:center;gap:9px;width:max-content;display:flex;color:var(--text-soft)!important;margin:17px 0 0!important;font-weight:500!important}.remember input{width:16px;height:16px;accent-color:var(--accent);margin:0}.authFeedback{border-radius:10px;align-items:center;gap:9px;margin-top:16px;padding:11px 12px;font-size:12px;line-height:1.45;display:flex}.authFeedback.error{color:var(--red);background:var(--red-soft)}.authFeedback.error>span{color:#fff;background:var(--red);border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-weight:900;display:grid}.authFeedback.note{color:var(--accent-text);background:var(--accent-soft)}.loginButton{color:#fff;background:var(--accent-strong);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:54px;margin-top:24px;padding:0 20px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #6655ed33}.loginButton:hover:not(:disabled){background:var(--accent);transform:translateY(-1px);box-shadow:0 14px 28px #6655ed40}.loginButton:disabled{color:var(--faint);background:var(--surface-hover);box-shadow:none}.buttonSpinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.authLoading{min-height:100svh;color:var(--muted);background:var(--app-bg);place-content:center;justify-items:center;gap:12px;display:grid}.authLoading .logo{width:48px;height:48px}.authLoading strong{color:var(--text);font-size:18px}.authLoading p{margin:0;font-size:13px}.authLoading .buttonSpinner{border-color:var(--border-strong);border-top-color:var(--accent);margin-top:8px}.passwordChangeWrap{width:min(100%,500px)}.loginForm>.authInput+label{margin-top:21px}.passwordRules{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.passwordRules strong{color:var(--text-soft);grid-column:1/-1;font-size:12px}.passwordRules span{color:var(--muted);background:var(--surface-soft);border-radius:8px;padding:8px 9px;font-size:10px;line-height:1.35}.demoAccess{color:var(--muted);background:var(--surface-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:13px 14px;font-size:11px;display:flex}.demoAccess button{color:var(--accent-text);background:0 0;border:0;padding:0;font-weight:800}.authHelp{color:var(--faint);text-align:center;margin:28px 0 0;font-size:11px}.textAction{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;font-size:12px;display:flex}.textAction:hover{color:var(--text)}.flowProgress{gap:0;margin:auto 0;display:grid}.flowProgress>div{align-items:center;gap:13px;display:flex}.flowProgress>i{background:#ffffff24;width:1px;height:50px;margin:7px 0 7px 17px}.flowProgress>div>span{color:#fff;background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:grid}.flowProgress .complete>span{color:#151d30;background:#3dd48a}.flowProgress .current>span{background:#7868f8;box-shadow:0 0 0 6px #7868f81f}.flowProgress strong{color:#fff;font-size:14px;display:block}.flowProgress small{color:#8f9bad;margin-top:5px;font-size:11px;display:block}.accountSignal{margin-top:38px}.accountAvatar{color:#fff;background:#5668d9;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:11px;font-weight:850;display:grid}.siteStage{justify-content:flex-start}.siteSelection{width:min(100%,960px);margin:auto;padding:40px 0 64px;animation:.55s cubic-bezier(.16,1,.3,1) both auth-in}.siteHeading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:30px;display:flex}.siteHeading>div{max-width:650px}.siteHeading>span{color:var(--accent-text);background:var(--accent-soft);border-radius:999px;flex:none;padding:8px 11px;font-size:11px;font-weight:800}.siteCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.siteCard{min-height:132px;color:var(--text);text-align:left;background:var(--surface);box-shadow:var(--shadow);border:1px solid #0000;border-radius:14px;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:15px;padding:19px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:grid}.siteCard:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.siteCard.selected{border-color:color-mix(in srgb, var(--accent) 62%, transparent);background:color-mix(in srgb, var(--surface) 94%, var(--accent));box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 12%, transparent)}.siteCardIcon{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.siteCardCopy{gap:6px;min-width:0;display:grid}.siteCardCopy>strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.siteCardCopy>small{color:var(--muted);font-size:12px}.siteCardCopy>span{color:var(--green);align-items:center;gap:7px;margin-top:3px;font-size:10px;display:flex}.siteCardCopy b{color:var(--accent-text);background:var(--accent-soft);border-radius:5px;padding:4px 6px;font-size:9px}.siteCardCopy i{background:currentColor;border-radius:50%;width:5px;height:5px}.siteRadio{color:#fff;border:2px solid var(--border-strong);border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.siteCard.selected .siteRadio{background:var(--accent);border-color:var(--accent)}.siteConfirm{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-top:25px;padding-top:24px;display:flex}.siteConfirm>div{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.siteConfirm>div svg{color:var(--accent)}.siteConfirm .loginButton{min-width:210px;margin-top:0}.roleStatic{min-width:214px}.roleStatic>span{gap:2px;min-width:0;display:grid}.roleStatic small{color:var(--muted);font-size:9px}.roleStatic strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@keyframes auth-in{0%{opacity:.5;filter:blur(4px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);width:248px;min-height:100vh;color:var(--text-soft);z-index:5;flex-direction:column;align-self:flex-start;padding:24px 14px 16px;transition:width .3s cubic-bezier(.16,1,.3,1),padding .3s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:34px;margin-bottom:43px;padding:0 6px 0 10px;display:flex}.logo{width:34px;height:34px;fill:var(--accent)}.brand>div{gap:3px;display:grid}.brand b{color:var(--text);letter-spacing:-.02em;font-size:16px;line-height:1}.brand small{color:var(--muted);font-size:10px}.sidebarToggle{width:32px;height:32px;color:var(--muted);background:var(--surface-soft);border:0;border-radius:8px;flex:none;place-items:center;margin-left:auto;transition:color .2s,background .2s,transform .3s cubic-bezier(.16,1,.3,1);display:grid}.sidebarToggle svg{transform:rotate(90deg)}.sidebarToggle:hover{color:var(--text);background:var(--surface-hover)}.sidebar.collapsed{width:76px;padding-left:10px;padding-right:10px}.sidebar.collapsed .brand{justify-content:center;padding:0}.sidebar.collapsed .brand>div,.sidebar.collapsed .navLabel,.sidebar.collapsed .sync,.sidebar.collapsed .user>span,.sidebar.collapsed .user>svg{display:none}.sidebar.collapsed .sidebarToggle{background:var(--surface);box-shadow:var(--shadow);margin:0;position:absolute;top:63px;left:50%;transform:translate(-50%)}.sidebar.collapsed .sidebarToggle svg{transform:rotate(-90deg)}.sidebar.collapsed .brand{margin-bottom:66px}.sidebar.collapsed .navItem{justify-content:center;padding:0}.sidebar.collapsed .navItem span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar.collapsed .user{justify-content:center;padding:9px 0}.navLabel{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;padding:0 12px;font-size:10px;font-weight:700}.navLabel.lower{margin-top:31px}.nav{gap:3px;display:grid}.navItem{min-height:43px;color:var(--text-soft);border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:600;transition:color .2s,background .2s,transform .2s;display:flex}.navItem svg{color:var(--muted)}.navItem:hover{color:var(--text);background:var(--surface-hover);transform:translate(2px)}.navItem.active{color:var(--accent-text);background:var(--accent-soft)}.navItem.active svg{color:var(--accent)}.sidebarBottom{margin-top:auto}.sync{color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:0 12px 17px;font-size:10px;display:flex}.sync span{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 13%, transparent);border-radius:50%}.sync b{color:var(--text-soft);font-weight:700}.user{width:100%;color:var(--text);text-align:left;background:var(--surface-soft);border:0;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px;display:flex}.user>div,.avatarSmall{color:#fff;background:linear-gradient(135deg, var(--accent), #5668d9);border-radius:50%;place-items:center;font-weight:800;display:grid}.user>div{width:31px;height:31px;font-size:10px}.user>span{flex:1;gap:2px;min-width:0;display:grid}.user b{color:var(--text);font-size:11px}.user small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.content{flex:1;min-width:0}.topbar{z-index:4;background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:22px;height:66px;padding:0 clamp(24px,3vw,44px);display:flex;position:sticky;top:0}.search{min-width:290px;max-width:430px;color:var(--muted);flex:1;align-items:center;gap:9px;font-size:12px;display:flex}.search span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search kbd{color:var(--faint);background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;margin-left:auto;padding:3px 7px;font-family:inherit;font-size:9px}.topActions{align-items:center;gap:8px;display:flex}.demo{color:var(--muted);background:var(--surface-soft);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font-size:9px;font-weight:700;display:flex}.demo i{background:var(--accent);border-radius:50%;width:6px;height:6px}.iconBtn{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;transition:color .2s,background .2s,transform .2s;display:grid;position:relative}.iconBtn:hover{color:var(--text);background:var(--surface-hover);transform:translateY(-1px)}.notification>span{background:var(--red);border:2px solid var(--app-bg);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.role{border-left:1px solid var(--border);align-items:center;gap:8px;min-width:203px;margin-left:5px;padding-left:13px;display:flex}.avatarSmall{width:29px;height:29px;font-size:9px}.role label{color:var(--muted);font-size:9px}.role select{appearance:none;min-width:0;max-width:125px;color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:0 0;border:0;padding:2px 16px 2px 0;font-size:11px;font-weight:700}@media (prefers-color-scheme:dark){.role select{--lightningcss-light: ;--lightningcss-dark:initial}}.role select option{color:var(--text);background:var(--surface)}.role>svg{color:var(--muted);pointer-events:none;margin-left:-18px}.contentArea{max-width:1540px;margin:0 auto;padding:31px clamp(24px,3vw,44px) 24px}.contentArea>section{animation:.55s cubic-bezier(.16,1,.3,1) both dashboard-in}.contentArea>section:nth-of-type(2){animation-delay:40ms}.contentArea>section:nth-of-type(3){animation-delay:80ms}.contentArea>section:nth-of-type(4){animation-delay:.12s}.contentArea>section:nth-of-type(5){animation-delay:.16s}@keyframes dashboard-in{0%{opacity:.55;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}.intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:21px;display:flex}.intro h1{color:var(--text);letter-spacing:-.035em;margin:0;font-size:clamp(27px,2.5vw,35px);line-height:1.05}.intro p{color:var(--muted);margin:8px 0 0;font-size:14px}.headerActions{align-items:center;gap:9px;display:flex}.secondaryButton,.primaryButton,.periodControl{border-radius:10px;min-height:40px}.secondaryButton,.primaryButton{align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:750;display:flex}.secondaryButton{color:var(--text-soft);background:var(--surface);box-shadow:var(--shadow);border:0}.secondaryButton:hover{color:var(--text);background:var(--surface-hover)}.primaryButton{color:#fff;background:#151d30;border:0}:root[data-theme=dark] .primaryButton{color:#151d30;background:#f6f7fb}.primaryButton:hover:not(:disabled){background:var(--accent-strong);color:#fff}.primaryButton:disabled{color:var(--muted);background:var(--surface-hover)}.periodControl{color:var(--muted);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:8px;padding:0 14px;font-size:12px;display:flex}.periodControl strong{color:var(--text);font-size:13px}.contextBar{background:var(--surface);min-height:72px;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:17px;margin-bottom:16px;padding:12px 15px;display:flex}.siteSelect{align-items:center;gap:10px;min-width:285px;display:flex}.contextIcon{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;display:grid}.siteSelect>div{flex:1;gap:3px;min-width:0;display:grid}.siteSelect label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.siteSelect select{appearance:none;min-width:0;color:var(--text);text-overflow:ellipsis;background:0 0;border:0;padding:0 18px 0 0;font-size:14px;font-weight:750}.siteSelect>svg{color:var(--muted);pointer-events:none;margin-left:-19px}.contextMeta{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.siteCode{color:var(--accent-text);background:var(--accent-soft);border-radius:6px;padding:5px 8px;font-size:11px;font-weight:800}.contextScope{margin-left:auto}.status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.status i{border-radius:50%;width:6px;height:6px}.status.open{color:#168852;background:var(--green-soft)}.status.open i{background:var(--green)}.status.closed{color:var(--muted);background:var(--surface-soft)}.status.closed i{background:var(--faint)}.notice{color:#187a50;background:var(--green-soft);border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.noticeMark{color:#fff;background:var(--green);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.notice>span:nth-child(2){flex:1}.notice button{color:currentColor;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.kpiGrid{grid-template-columns:repeat(5,minmax(155px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpiCard{background:var(--surface);min-width:0;min-height:178px;box-shadow:var(--shadow);border-radius:14px;padding:17px 17px 12px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.kpiCard:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.kpiTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.kpiTop>span{color:var(--text-soft);font-size:13px;font-weight:700}.kpiTop button,.moreButton{color:var(--faint);letter-spacing:2px;background:0 0;border:0;font-size:13px}.kpiValueRow{align-items:center;gap:8px;margin-top:11px;display:flex}.kpiValueRow strong{color:var(--text);letter-spacing:-.035em;font-size:32px;line-height:1}.delta{border-radius:999px;padding:4px 7px;font-size:11px;font-weight:800}.delta.positive{color:#12814c;background:var(--green-soft)}.delta.negative{color:#c93f4c;background:var(--red-soft)}.kpiCard p{color:var(--muted);margin:7px 0 0;font-size:11px}.kpiGrid.noChartClassic{gap:14px}.noChartClassic .kpiCard{flex-direction:column;justify-content:space-between;min-height:118px;padding:16px 17px;display:flex;overflow:visible}.noChartClassic .kpiValueRow{margin-top:9px}.noChartClassic .kpiCard p{margin-top:5px}.miniTrend{width:calc(100% + 4px);height:68px;color:var(--accent);position:absolute;bottom:0;left:-2px;right:-2px}.miniTrend.tone-blue{color:var(--blue)}.miniTrend.tone-red{color:var(--red)}.miniTrend.tone-green{color:var(--green)}.miniTrend.tone-amber{color:var(--amber)}.trendLine{fill:none;stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}.analysisGrid,.bottomGrid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;display:grid}.analysisGrid{margin-bottom:18px}.panel{background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:14px}.chartPanel{padding:20px 22px 17px}.panelHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panelHeader h2,.sourcePanel h2{color:var(--text);letter-spacing:-.02em;margin:0;font-size:17px}.panelHeader p,.sourcePanel p{color:var(--muted);margin:6px 0 0;font-size:12px}.range{background:var(--surface-soft);border-radius:9px;padding:3px;display:flex}.range button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:11px;font-weight:700}.range button.selected{color:var(--accent-text);background:var(--accent-soft)}.chartStats{align-items:center;gap:20px;margin-top:18px;display:flex}.chartStats>div{align-items:baseline;gap:7px;display:flex}.chartStats i,.chartLegend i,.compositionLegend i{border-radius:50%;width:8px;height:8px}.chartStats strong{color:var(--text);letter-spacing:-.03em;font-size:24px}.chartStats span{color:var(--muted);font-size:11px}.periodDelta{margin-left:auto}.periodDelta strong{color:var(--green);font-size:13px}.direct{background:var(--blue)}.indirect{background:var(--accent)}.chartArea{height:270px;margin-top:17px;display:flex}.axis{width:32px;color:var(--faint);text-align:right;flex-direction:column;justify-content:space-between;padding-bottom:25px;font-size:10px;display:flex}.chartCanvas{flex:1;min-width:0;margin-left:12px;padding-bottom:23px;position:relative}.gridLines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 23px}.gridLines i{border-top:1px solid var(--border);width:100%}.bars{z-index:1;justify-content:space-around;align-items:flex-end;gap:9px;height:100%;padding:0 2%;display:flex;position:relative}.group{border-radius:6px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:25px;max-width:72px;height:100%;display:flex}.barPair{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:calc(100% - 22px);display:flex}.bar{border-radius:5px 5px 2px 2px;width:clamp(7px,31%,20px);min-height:3px;position:relative}.bar b{color:var(--muted);opacity:0;font-size:10px;transition:opacity .18s;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.group:hover .bar b,.group:focus .bar b{opacity:1}.group>span{color:var(--faint);white-space:nowrap;margin-top:8px;font-size:10px}.chartLegend{border-top:1px solid var(--border);align-items:center;gap:17px;padding-top:13px;display:flex}.chartLegend span{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.summaryPanel{padding:20px}.donut{--direct-share:77%;background:conic-gradient(var(--blue) 0 var(--direct-share), var(--accent) var(--direct-share) 100%);border-radius:50%;place-items:center;width:162px;height:162px;margin:20px auto 18px;display:grid;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;width:112px;height:112px;position:absolute}.donut>div{z-index:1;text-align:center;display:grid;position:relative}.donut strong{color:var(--text);letter-spacing:-.04em;font-size:32px}.donut span{color:var(--muted);font-size:11px}.compositionLegend{gap:9px;display:grid}.compositionLegend>div{grid-template-columns:9px 1fr auto auto;align-items:center;gap:8px;display:grid}.compositionLegend span{color:var(--text-soft);font-size:12px}.compositionLegend strong{color:var(--text);font-size:13px}.compositionLegend small{min-width:32px;color:var(--muted);text-align:right;font-size:11px}.attention{color:#9b6620;background:var(--amber-soft);border-radius:10px;align-items:center;gap:10px;margin-top:18px;padding:11px;display:flex}.attentionIcon{color:#fff;background:var(--amber);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid}.attention>div{flex:1;min-width:0}.attention strong{font-size:11px;display:block}.attention p{color:color-mix(in srgb, currentColor 82%, transparent);margin:3px 0 0;font-size:10px;line-height:1.4}.attention button{color:currentColor;background:0 0;border:0;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.bottomGrid{margin-bottom:0}.periodPanel{padding:19px 21px}.timeline{align-items:center;margin-top:22px;display:flex}.step{align-items:center;gap:9px;min-width:0;display:flex}.step>i{width:27px;height:27px;color:var(--muted);background:var(--surface-soft);border-radius:50%;flex:none;place-items:center;font-size:8px;font-style:normal;display:grid}.step.done>i{color:#fff;background:var(--green)}.step.current>i{color:#fff;background:var(--accent)}.step>span{gap:3px;min-width:0;display:grid}.step b{color:var(--text);white-space:nowrap;font-size:11px}.step small{color:var(--muted);white-space:nowrap;font-size:10px}.timeline>i{background:var(--border-strong);flex:1;min-width:20px;height:1px;margin:0 10px}.timeline>i.muted{background:repeating-linear-gradient(90deg, var(--border-strong) 0 4px, transparent 4px 8px)}.sourcePanel{align-items:center;gap:12px;min-height:104px;padding:19px;display:flex}.sourceIcon{width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border-radius:11px;place-items:center;display:grid}.sourceTime{text-align:right;gap:4px;margin-left:auto;display:grid}.sourceTime strong{color:var(--text);font-size:15px}.sourceTime span{color:var(--green);justify-content:flex-end;align-items:center;gap:6px;font-size:10px;display:flex}.sourceTime i{background:currentColor;border-radius:50%;width:6px;height:6px}.sourcePanel>button{width:34px;height:34px;color:var(--muted);background:var(--surface-soft);border:0;border-radius:9px;place-items:center;display:grid}.footer{color:var(--faint);justify-content:space-between;gap:18px;padding:22px 2px 0;font-size:10px;display:flex}@media (max-width:1220px){.kpiGrid{grid-template-columns:repeat(3,minmax(170px,1fr))}.kpiCard:nth-child(4),.kpiCard:nth-child(5){min-height:155px}.contextMeta:not(.contextScope){display:none}}@media (max-width:920px){.authShell{grid-template-columns:300px minmax(0,1fr)}.authIdentity{padding:32px 28px}.identityMessage h2{font-size:38px}.identityMessage p{font-size:14px}.authStage{padding-left:34px;padding-right:34px}.siteCards{grid-template-columns:1fr}.sidebar{width:76px;padding-left:10px;padding-right:10px}.brand{justify-content:center;padding:0}.sidebarToggle,.brand>div,.navLabel,.sync,.user>span,.user>svg{display:none}.navItem{justify-content:center;padding:0}.navItem span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.user{justify-content:center;padding:9px 0}.search span,.search kbd{display:none}.search{flex:0;min-width:40px}.analysisGrid,.bottomGrid{grid-template-columns:1fr}.summaryPanel{grid-template-columns:1fr 180px;column-gap:24px;display:grid}.summaryPanel .panelHeader,.summaryPanel .attention{grid-column:1/-1}.donut{grid-area:2/2/4}.compositionLegend{grid-column:1;align-self:center}}@media (max-width:680px){.authShell{display:block}.authIdentity{min-height:auto;padding:19px 20px}.authIdentity:before,.authIdentity:after,.identityMessage,.authIdentity>.identitySignal,.authIdentityFooter,.flowProgress{display:none}.authBrand .logo{width:34px;height:34px}.authBrand strong{font-size:16px}.siteFlow .accountSignal{margin:18px 0 0;padding:12px;display:flex}.authStage{min-height:calc(100svh - 76px);padding:15px 20px 30px}.authStageTop{justify-content:space-between}.authStageTop>span{font-size:10px}.loginWrap{padding:38px 0 24px}.loginHeading{margin-bottom:28px}.loginHeading h1,.siteHeading h1{font-size:33px}.passwordRules{grid-template-columns:1fr}.passwordRules strong{grid-column:1}.demoAccess{flex-direction:column;align-items:flex-start;gap:8px}.siteSelection{padding:32px 0 20px}.siteHeading{margin-bottom:22px;display:block}.siteHeading>span{margin-top:17px;display:inline-flex}.siteCard{grid-template-columns:40px minmax(0,1fr) 22px;min-height:118px;padding:15px}.siteCardIcon{width:40px;height:40px}.siteCardCopy>strong{font-size:14px}.siteConfirm{flex-direction:column;align-items:stretch}.siteConfirm .loginButton{width:100%}.sidebar{width:66px}.topbar{height:auto;min-height:61px;padding:9px 14px}.search,.demo,.role label,.avatarSmall{display:none}.topActions{margin-left:auto}.role{min-width:142px;margin-left:0;padding-left:8px}.role select{max-width:116px}.contentArea{padding:24px 14px 18px}.intro{display:block}.intro h1{font-size:29px}.headerActions{grid-template-columns:auto 1fr;margin-top:18px;display:grid}.periodControl{min-width:0}.primaryButton{grid-column:1/-1;justify-content:center}.contextBar{grid-template-columns:1fr auto;gap:10px;display:grid}.siteSelect{grid-column:1/-1;min-width:0}.contextScope{margin-left:0}.kpiGrid{scrollbar-width:thin;padding:2px 2px 10px;display:flex;overflow-x:auto}.kpiCard{flex:0 0 176px;min-height:166px}.panelHeader{display:block}.range{width:max-content;margin-top:13px}.chartPanel{padding:18px 13px 14px}.chartStats{gap:12px}.chartStats strong{font-size:18px}.periodDelta{display:none!important}.chartArea{height:244px}.bars{gap:0;padding:0;overflow:hidden}.group{min-width:0;max-width:none}.barPair{gap:1px}.bar{width:36%}.group>span{transform-origin:top;margin-top:12px;font-size:7px;transform:rotate(-32deg)}.chartLegend{flex-direction:column;align-items:flex-start;gap:6px}.summaryPanel{display:block}.donut{margin:20px auto 18px}.timeline{display:grid}.timeline>i{width:1px;min-width:1px;height:18px;margin:0 0 0 13px}.step{padding:6px 0}.footer{gap:6px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}