.app-shell{min-height:100vh;color:var(--ink);background:var(--canvas);--shell-sidebar-width:248px;--shell-font-size:13px;--shell-sidebar-bg:#fff;--shell-sidebar-border:#dedede;--shell-sidebar-text:#4b4b4b;--shell-sidebar-muted:#818181;--shell-sidebar-hover-text:#1f1f1f;--shell-sidebar-hover-bg:#f3f3f3;--shell-sidebar-active-text:#164f48;--shell-sidebar-active-bg:#e9f5f3;--shell-sidebar-accent:#13796b;--shell-user-border:#dedede;--shell-user-text:#202833;--shell-user-muted:#7b8490;--shell-avatar-text:#fff;--shell-avatar-bg:#13796b;--shell-popover-shadow:0 14px 34px #0f172a24, 0 3px 10px #0f172a14;--shell-content-padding:32px clamp(24px, 3.2vw, 48px) 28px;--shell-page-topbar-height:64px;--accent:#13796b;--accent-hover:#0e6358;--accent-soft:#e8f5f2}.app-shell-admin{--shell-sidebar-bg:#171b24;--shell-sidebar-border:#2a303d;--shell-sidebar-text:#a5adba;--shell-sidebar-muted:#6f7888;--shell-sidebar-hover-text:#f3f5f9;--shell-sidebar-hover-bg:#222834;--shell-sidebar-active-text:#fff;--shell-sidebar-active-bg:#292e45;--shell-sidebar-accent:#9298ff;--shell-user-border:#303643;--shell-user-text:#f0f2f6;--shell-user-muted:#8a93a2;--shell-avatar-text:#fff;--shell-avatar-bg:#5a5fc7;--shell-popover-shadow:0 16px 38px #0000006b, 0 4px 12px #00000042;--accent:#5557c8;--accent-hover:#4446ae;--accent-soft:#eeeefe}.app-shell-portal{--shell-sidebar-bg:#fbfbfb;--accent:#0f7f76;--accent-hover:#0b6a63;--accent-soft:#e8f5f3}.app-shell-admin .stat-card{--stat-accent:#5557c8;--stat-soft:#eeeefe}.app-shell-portal .stat-card{--stat-accent:#0f7f76;--stat-soft:#e8f5f3}.app-sidebar-backdrop{display:none}.app-sidebar{z-index:50;width:var(--shell-sidebar-width);border-right:1px solid var(--shell-sidebar-border);color:var(--shell-user-text);background:var(--shell-sidebar-bg);font-size:var(--shell-font-size);flex-direction:column;padding:0 14px 14px;display:flex;position:fixed;inset:0 auto 0 0}.app-sidebar-brand{border-bottom:1px solid var(--shell-sidebar-border);justify-content:space-between;align-items:center;height:64px;padding:0 10px;display:flex}.app-sidebar-brand .brand-logo{width:136px}.app-sidebar-close{width:32px;height:32px;color:var(--shell-sidebar-text);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:none}.app-sidebar-close:hover{color:var(--shell-sidebar-hover-text);background:var(--shell-sidebar-hover-bg)}.app-sidebar nav{gap:3px;padding-top:12px;display:grid}.app-nav-label{color:var(--shell-sidebar-muted);font:600 11px var(--font-sans);letter-spacing:.11em;text-transform:uppercase;margin:9px 11px 8px}.app-nav-section-label{margin-top:16px}.app-sidebar nav>.app-nav-section-label:first-child{margin-top:9px}.app-nav-group{gap:2px;display:grid}.app-nav-parent-row{align-items:stretch;min-width:0;display:flex}.app-nav-parent-row>a{border-radius:8px;flex:1;min-width:0}.app-sidebar nav a{min-height:38px;color:var(--shell-sidebar-text);border-radius:7px;align-items:center;gap:10px;padding:0 11px;text-decoration:none;transition:color .14s,background-color .14s;display:flex;position:relative}.app-sidebar nav a>span{width:21px;color:var(--shell-sidebar-muted);flex:0 0 21px;place-items:center;display:grid}.app-sidebar nav a b{font-size:var(--shell-font-size);font-weight:600}.app-sidebar nav a:hover{color:var(--shell-sidebar-hover-text);background:var(--shell-sidebar-hover-bg)}.app-sidebar nav a.active{color:var(--shell-sidebar-active-text);background:var(--shell-sidebar-active-bg)}.app-sidebar nav a.has-active-child{color:var(--shell-sidebar-active-text)}.app-sidebar nav a.active>span,.app-sidebar nav a.has-active-child>span{color:var(--shell-sidebar-accent)}.app-nav-chevron{color:var(--shell-sidebar-muted);margin-left:auto}.app-nav-children{border-left:1px solid var(--shell-sidebar-border);gap:2px;margin:0 0 4px 21px;padding-left:10px;display:grid}.app-nav-children a{border-radius:6px;min-height:35px;padding:0 10px}.app-nav-children a b{color:var(--shell-sidebar-text);font-size:var(--shell-font-size);font-weight:550}.app-nav-children a:hover b,.app-nav-children a.active b{color:inherit}.app-nav-children a.active{color:var(--shell-sidebar-active-text);background:var(--shell-sidebar-active-bg)}.app-sidebar-footer{gap:10px;margin-top:auto;display:grid}.app-sidebar-link{border:1px solid var(--shell-user-border);min-height:38px;color:var(--shell-sidebar-text);font-size:var(--shell-font-size);border-radius:8px;justify-content:space-between;align-items:center;padding:0 11px;text-decoration:none;display:flex}.app-sidebar-link:hover{color:var(--shell-sidebar-hover-text);background:var(--shell-sidebar-hover-bg)}.app-sidebar-link b{font-weight:650}.app-sidebar-user{border-top:1px solid var(--shell-user-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px;padding:11px 0 2px;display:grid;position:relative}.app-user-trigger{min-width:0;min-height:42px;color:var(--shell-user-text);text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:4px 5px;display:grid}.app-user-trigger:hover,.app-user-trigger[aria-expanded=true]{background:var(--shell-sidebar-hover-bg)}.app-user-avatar{color:var(--shell-avatar-text);background:var(--shell-avatar-bg);width:34px;height:34px;font-weight:750;font-size:var(--shell-font-size);border-radius:50%;place-items:center;display:grid}.app-user-copy{gap:3px;min-width:0;display:grid}.app-user-copy strong,.app-user-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-user-copy strong{color:var(--shell-user-text);font-size:var(--shell-font-size)}.app-user-copy small{color:var(--shell-user-muted);font:var(--shell-font-size) var(--mono)}.app-sidebar-user-actions{align-items:center;gap:1px;display:flex}.app-account-menu{z-index:80;border:1px solid var(--shell-user-border);color:var(--shell-user-text);background:var(--shell-sidebar-bg);box-shadow:var(--shell-popover-shadow);border-radius:8px;padding:0;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:visible}.app-account-language{box-sizing:border-box;height:38px;min-height:0;padding:0}.account-language-toggle{width:100%;height:100%}.account-language-toggle .language-trigger{box-sizing:border-box;border:0;border-bottom:1px solid var(--shell-user-border);width:100%;min-width:0;height:100%;color:var(--shell-user-muted);text-align:left;background:0 0;border-radius:7px 7px 0 0;justify-content:flex-start;gap:10px;padding:0 12px}.account-language-toggle .language-trigger:hover,.account-language-toggle .language-trigger[aria-expanded=true]{color:var(--shell-user-text);background:var(--shell-sidebar-hover-bg)}.account-language-toggle .language-option-label{font-size:var(--shell-font-size)}.account-language-toggle .language-current{font-size:var(--shell-font-size);margin-left:auto;display:inline}.account-language-toggle .language-chevron{color:var(--shell-user-muted)}.account-language-toggle .language-menu{z-index:81;top:auto;bottom:calc(100% + 8px);right:0}.app-account-link{box-sizing:border-box;border-bottom:1px solid var(--shell-user-border);width:100%;height:38px;min-height:38px;color:var(--shell-user-muted);font-size:var(--shell-font-size);text-align:left;background:0 0;align-items:center;gap:8px;padding:0 12px;text-decoration:none;display:flex}.app-account-link:hover{color:var(--shell-user-text);background:var(--shell-sidebar-hover-bg)}.app-account-link .ui-icon{flex:none}.app-account-logout{box-sizing:border-box;width:100%;height:38px;min-height:38px;color:var(--shell-user-muted);font-size:var(--shell-font-size);text-align:left;background:0 0;border:0;border-radius:0 0 7px 7px;align-items:center;gap:8px;margin:0;padding:0 12px;display:flex}.app-account-logout:hover{color:#ed777d;background:#c83e451f}.app-account-logout .ui-icon{flex:none}.app-workspace{min-width:0;min-height:100vh;margin-left:var(--shell-sidebar-width);background:var(--canvas)}.app-mobile-header{display:none}.app-mobile-menu{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:var(--surface);border-radius:8px;place-items:center;padding:0;display:grid}.app-page-topbar{height:var(--shell-page-topbar-height);background:var(--canvas)}.app-page-topbar-with-actions{border-bottom:1px solid var(--line)}.app-page-topbar-inner{width:min(1400px,100%);height:100%;margin:0 auto;padding:0 clamp(24px,3.2vw,48px);display:flex}.app-main{width:min(1400px,100%);padding:var(--shell-content-padding);background:var(--canvas);margin:0 auto}.app-breadcrumbs{width:100%;min-width:0;color:var(--muted);align-items:center;gap:12px;margin:0;font-size:.68rem;display:flex}.app-breadcrumbs ol{flex:auto;align-items:center;min-width:0;margin:0;padding:0;list-style:none;display:flex}.app-breadcrumb-actions{flex:none;margin-left:auto;display:flex}.app-breadcrumbs li{align-items:center;min-width:0;display:flex}.app-breadcrumbs a,.app-breadcrumbs span[aria-current=page]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-breadcrumbs a{color:var(--muted);font-weight:400;text-decoration:none}.app-breadcrumbs a:hover{text-underline-offset:3px;text-decoration:underline}.app-breadcrumbs span[aria-current=page]{color:var(--ink);font-weight:400}.app-breadcrumb-separator{color:var(--subtle);flex:none;margin:0 8px;font-size:1rem;line-height:1}.app-breadcrumbs-skeleton{align-items:center;min-height:16px;display:flex}.app-breadcrumbs .skeleton-breadcrumb{width:92px;height:12px}.side-drawer-layer{z-index:1200;background:#11182761;justify-content:flex-end;animation:.18s ease-out both side-drawer-backdrop-in;display:flex;position:fixed;inset:0}.side-drawer{border-left:1px solid var(--line);width:min(440px,100vw);height:100%;color:var(--ink);background:var(--surface);flex-direction:column;animation:.18s ease-out both side-drawer-in;display:flex;box-shadow:-14px 0 34px #11182729}.side-drawer-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 20px 18px;display:flex}.side-drawer-heading{min-width:0}.side-drawer-eyebrow{color:var(--accent);font:650 .6rem var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;display:block}.side-drawer-heading h2{color:var(--ink);letter-spacing:-.03em;margin:0 0 7px;font-size:1.2rem}.side-drawer-heading p{color:var(--muted);margin:0;font-size:.7rem;line-height:1.55}.side-drawer-header .icon-close{flex:0 0 34px}.side-drawer-form{flex-direction:column;flex:auto;min-height:0;display:flex}.side-drawer-body{flex:auto;padding:22px 20px;overflow-y:auto}.side-drawer-body .field{gap:8px}.side-drawer-input{background:var(--surface);border-color:#d8deea;border-radius:9px;width:100%;min-height:44px;padding:10px 13px}.side-drawer-input:hover{background:#fff;border-color:#b7c0d3}.side-drawer-input:focus{border-color:var(--accent);background:#fff}.side-drawer-footer{border-top:1px solid var(--line);background:var(--surface);flex:none;justify-content:flex-end;align-items:center;gap:9px;padding:16px 20px;display:flex}@keyframes side-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes side-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.data-table-wrap{--data-table-border:#e6e6e6;--data-table-divider:#e6e6e6;--data-table-header-bg:#fbfbfb;--data-table-header-text:#595959;--data-table-text:#313131;--data-table-muted:#797979;--data-table-resizer-active:#2f80ed;border:1px solid var(--data-table-border);min-width:0;color:var(--data-table-text);background:var(--surface);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;border-radius:8px;font-size:14px;line-height:1.5;overflow-x:auto}.data-table-wrap-flush{border:0;border-radius:0}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:720px;color:inherit;font-family:var(--font-sans)}.data-table th,.data-table td{box-sizing:border-box;border-bottom:1px solid var(--data-table-divider);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:0 24px;overflow:hidden}.data-table th{height:48px;color:var(--data-table-header-text);background:var(--data-table-header-bg);letter-spacing:-.01em;text-transform:none;font-size:14px;font-weight:500;line-height:1.5;position:relative}.data-table-column-resizer{z-index:1;opacity:0;cursor:col-resize;background:0 0;border:0;width:16px;height:100%;padding:0;display:block;position:absolute;top:0;right:0}.data-table-column-resizer:before{content:"";background:#dedede;width:1px;height:28px;transition:width .12s,background-color .12s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.data-table-wrap:hover .data-table-column-resizer,.data-table-column-resizer:focus-visible,.data-table-column-resizer.is-active{opacity:1}.data-table-column-resizer:hover:before,.data-table-column-resizer:focus-visible:before,.data-table-column-resizer.is-active:before{background:var(--data-table-resizer-active);width:2px}.data-table-wrap-resizing,.data-table-wrap-resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.data-table td{height:48px;color:var(--data-table-text);background:var(--surface);letter-spacing:-.01em;vertical-align:middle;font-size:14px;font-weight:400;line-height:1.5}.data-table td strong{color:var(--data-table-text);font-weight:600}.data-table td small{color:var(--data-table-muted);letter-spacing:0;margin-top:4px;font-size:12px;font-weight:400;line-height:18px;display:block}.data-table .badge{min-height:30px;padding-inline:12px;font-size:14px;font-weight:600}.data-table .table-status{color:inherit;font:inherit;align-items:center;gap:8px;display:inline-flex}.data-table .table-status .ui-icon{color:currentColor;flex:none}.data-table .data-table-action-column,.data-table .data-table-action-cell{text-align:right;padding-inline:12px;position:sticky;right:0}.data-table .data-table-action-column{z-index:3;background:var(--data-table-header-bg);width:72px}.data-table .data-table-action-cell{z-index:2;text-overflow:clip;background:var(--surface);overflow:visible}.data-table-column-visibility-trigger{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.data-table-column-visibility-trigger:hover{background:var(--surface-subtle)}.data-table-column-visibility-trigger:focus-visible{outline:2px solid var(--data-table-resizer-active);outline-offset:1px}.data-table-column-visibility-menu{z-index:1000;border:1px solid var(--data-table-border);width:min(180px,100vw - 16px);max-height:min(360px,100vh - 16px);color:var(--data-table-text);background:var(--surface);border-radius:8px;gap:0;padding:4px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 8px 18px #11182721,0 2px 6px #11182712}.data-table-column-visibility-option{width:100%;min-height:30px;color:var(--data-table-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;padding:0 6px;display:grid}.data-table-column-visibility-option:hover:not(:disabled),.data-table-column-visibility-option:focus-visible{background:var(--surface-subtle)}.data-table-column-visibility-option:focus-visible{outline:2px solid var(--data-table-resizer-active);outline-offset:-2px}.data-table-column-visibility-option:disabled{color:var(--data-table-muted);cursor:not-allowed;opacity:.62}.data-table-column-visibility-check{width:20px;height:20px;color:var(--data-table-text);place-items:center;display:grid}.data-table-column-visibility-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.data-table-action-label{width:32px;height:32px;color:inherit;vertical-align:middle;place-items:center;display:inline-grid}.data-table-action-placeholder{width:32px;height:32px;color:var(--data-table-muted);vertical-align:middle;place-items:center;display:inline-grid}.data-table-row-action-trigger{width:32px;height:32px;color:var(--data-table-muted);cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.data-table-row-action-trigger:hover:not(:disabled),.data-table-row-action-trigger[aria-expanded=true]{color:var(--data-table-text);background:var(--surface-subtle)}.data-table-row-action-trigger:focus-visible{outline:2px solid var(--data-table-resizer-active);outline-offset:1px}.data-table-row-action-trigger:disabled{color:var(--data-table-muted);cursor:not-allowed;opacity:.6}.data-table-row-action-menu{z-index:1100;border:1px solid var(--data-table-border);width:min(176px,100vw - 16px);color:var(--data-table-text);background:var(--surface);border-radius:8px;gap:1px;padding:4px;display:grid;position:fixed;overflow:hidden;box-shadow:0 8px 18px #11182721,0 2px 6px #11182712}.data-table-row-action-option{width:100%;min-height:36px;color:var(--data-table-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 9px;font-size:.72rem;display:flex}.data-table-row-action-option-icon-placeholder{flex:0 0 15px;width:15px;height:15px;display:inline-block}.data-table-row-action-option:hover:not(:disabled),.data-table-row-action-option:focus-visible{background:var(--surface-subtle)}.data-table-row-action-option:focus-visible{outline:2px solid var(--data-table-resizer-active);outline-offset:-2px}.data-table-row-action-option.is-danger{color:var(--danger)}.data-table-row-action-option.is-danger:hover:not(:disabled),.data-table-row-action-option.is-danger:focus-visible{background:var(--danger-soft)}.data-table-row-action-option:disabled{color:var(--data-table-muted);cursor:not-allowed;opacity:.6}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#f7f7f7}@media (width<=680px){.data-table th,.data-table td{padding-inline:16px}}.metric-visual-card{min-width:0;overflow:hidden}.metric-trend-card{grid-template-columns:minmax(175px,.38fr) minmax(0,1fr);min-height:228px;display:grid}.metric-trend-card-summary{align-content:center;gap:8px;padding:26px 24px;display:grid}.metric-trend-card-summary>span{color:var(--ink-soft);font-size:.8rem;font-weight:650}.metric-trend-card-summary>strong{color:var(--ink);font:680 clamp(1.8rem, 3.1vw, 2.35rem)/1 var(--mono);letter-spacing:-.055em}.metric-trend-card-summary>p{color:var(--muted);margin:2px 0 0;font-size:.67rem;line-height:1.5}.metric-line-chart{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:19px 20px 15px;display:grid}.metric-line-chart-canvas{min-width:0;min-height:0;position:relative}.metric-line-chart-canvas>svg{width:100%;min-width:0;height:157px;display:block;overflow:visible}.metric-line-chart-canvas>svg:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.metric-line-chart-grid line{stroke:#e5e9ef;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.metric-line-chart-y-labels{z-index:1;pointer-events:none;width:29px;position:absolute;inset:6.667% auto 5.556% 0}.metric-line-chart-y-labels span{color:var(--muted);font:600 10px/1 var(--font-sans);font-variant-numeric:tabular-nums;position:absolute;right:0;transform:translateY(-50%)}.metric-line-chart-axis-right .metric-line-chart-y-labels{left:auto;right:0}.metric-line-chart-axis-right .metric-line-chart-y-labels span{text-align:left;left:0;right:auto}.metric-line-chart-labels{min-width:0;color:var(--muted);padding:5px 12px 0 38px;font-size:.61rem;line-height:1.2;display:grid}.metric-line-chart-labels span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-inline:3px;overflow:hidden}.metric-line-chart-hit-area{fill:#0000;cursor:crosshair;pointer-events:all}.metric-line-chart-hover-line{stroke:#bfc4cc;stroke-dasharray:5 4;stroke-width:1.1px;vector-effect:non-scaling-stroke}.metric-line-chart-hover-point{stroke:var(--surface);stroke-width:2px;vector-effect:non-scaling-stroke}.metric-line-chart-tooltip{z-index:4;min-width:210px;color:var(--ink);background:var(--surface);pointer-events:none;will-change:left, top, transform, opacity;border:1px solid #e1e4e8;border-radius:16px;gap:10px;padding:14px 15px 13px;transition:left .16s cubic-bezier(.22,.61,.36,1),top .16s cubic-bezier(.22,.61,.36,1),transform .16s cubic-bezier(.22,.61,.36,1);animation:.14s ease-out both metric-line-chart-tooltip-in;display:grid;position:absolute;transform:translate(18px,-50%);box-shadow:0 12px 28px #11182721,0 3px 8px #11182712}.metric-line-chart-tooltip-left{transform:translate(calc(-100% - 18px),-50%)}.metric-line-chart-tooltip-label{color:var(--ink);white-space:nowrap;font-size:.88rem;font-weight:720;line-height:1.25}.metric-line-chart-tooltip-values{gap:9px;display:grid}.metric-line-chart-tooltip-value{min-width:0;color:var(--ink-soft);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.82rem;display:grid}.metric-line-chart-tooltip-dot{border-radius:50%;width:10px;height:10px}.metric-line-chart-tooltip-value span:not(.metric-line-chart-tooltip-dot){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-line-chart-tooltip-value b{color:var(--ink);font:700 .84rem var(--font-sans);font-variant-numeric:tabular-nums}@keyframes metric-line-chart-tooltip-in{0%{opacity:0}to{opacity:1}}.metric-breakdown-chart-card{grid-template-rows:auto auto minmax(0,1fr);min-height:276px;display:grid}.metric-breakdown-chart-header{border-bottom:1px solid var(--line);align-items:center;min-height:47px;padding:0 18px;display:flex}.metric-breakdown-chart-header h3{color:var(--ink);margin:0;font-size:.8rem;font-weight:700}.metric-breakdown-chart-legend{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 18px;display:grid}.metric-chart-legend-item{gap:6px;min-width:0;padding:15px 12px 14px;display:grid}.metric-chart-legend-item:first-child{padding-left:0}.metric-chart-legend-item+.metric-chart-legend-item{border-left:1px solid var(--line)}.metric-chart-legend-item>span{min-width:0;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:.66rem;font-weight:600;display:flex;overflow:hidden}.metric-chart-legend-item i{background:#8993a4;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.metric-chart-legend-item>strong{color:var(--ink);font:680 1.05rem/1 var(--mono);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-chart-legend-accent i{background:#5b8def}.metric-chart-legend-warning i{background:#edb445}.metric-breakdown-chart-card>.metric-line-chart{padding-top:7px}.language-picker{flex:none;position:relative}.language-trigger{border:1px solid var(--line);min-width:48px;height:36px;color:var(--ink-soft);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:flex}.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:var(--line-strong);background:var(--surface-subtle)}.language-current{font:650 .58rem var(--mono)}.language-menu{z-index:80;border:1px solid var(--line);width:174px;color:var(--ink);background:var(--surface);box-shadow:var(--shell-popover-shadow,0 14px 34px #0f172a24, 0 3px 10px #0f172a14);border-radius:10px;padding:5px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.language-menu button{width:100%;min-height:46px;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 9px;display:grid}.language-menu button:hover{background:var(--surface-subtle)}.language-menu button.active{color:var(--accent);background:var(--accent-soft);font-weight:700}.language-menu button .ui-icon{visibility:hidden}.language-menu button.active .ui-icon{visibility:visible}.language-code{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:var(--surface);font:650 .58rem var(--mono);border-radius:6px;place-items:center;display:grid}.sidebar-language-toggle .language-trigger{min-width:38px;height:32px;color:var(--shell-user-muted);background:0 0;border:0;padding:0 5px}.sidebar-language-toggle .language-current,.sidebar-language-toggle .language-code{font-size:var(--shell-font-size)}.sidebar-language-toggle .language-trigger:hover,.sidebar-language-toggle .language-trigger[aria-expanded=true]{color:var(--shell-user-text);background:var(--shell-sidebar-hover-bg)}.sidebar-language-toggle .language-menu{top:auto;bottom:calc(100% + 8px);right:0}.login-language-toggle{z-index:10;position:fixed;top:22px;right:24px}.login-language-toggle .language-trigger{background:var(--surface)}@media (width<=900px){.app-sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar-open .app-sidebar{transform:translate(0)}.app-sidebar-close{display:grid}.app-sidebar-backdrop{z-index:40;background:#1118277a;border:0;padding:0;position:fixed;inset:0}.sidebar-open .app-sidebar-backdrop{display:block}.app-workspace{margin-left:0}.app-mobile-header{z-index:30;border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:11px;min-height:58px;padding:0 18px;display:flex;position:sticky;top:0}.app-mobile-header strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.app-page-topbar{--shell-page-topbar-height:56px}.app-page-topbar-inner{padding-inline:18px}.app-main{padding:24px 18px 28px}}@media (width<=600px){.metric-trend-card{grid-template-columns:1fr}.metric-trend-card-summary{border-bottom:1px solid var(--line);padding:20px 18px}.metric-line-chart{padding-inline:13px}.metric-breakdown-chart-legend{padding-inline:14px}.metric-chart-legend-item{padding-inline:9px}.metric-chart-legend-item:first-child{padding-left:0}.metric-chart-legend-item>span{font-size:.6rem}.app-mobile-header{padding:0 13px}.app-page-topbar-inner{padding-inline:13px}.app-main{padding:21px 13px 24px}.app-breadcrumbs{gap:8px;font-size:.64rem}.language-trigger{min-width:42px;padding:0 6px}.language-current{display:none}.sidebar-language-toggle .language-trigger{min-width:38px;padding:0 5px}.sidebar-language-toggle .language-current{display:inline}.side-drawer-header{padding:19px 16px 16px}.side-drawer-body{padding:20px 16px}.side-drawer-footer{flex-direction:column-reverse;padding:14px 16px}.side-drawer-footer .button{width:100%}}@media (prefers-reduced-motion:reduce){.metric-line-chart-tooltip{transition:none;animation:none}.side-drawer-layer,.side-drawer{animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#151515;font-synthesis:none;text-rendering:optimizelegibility;--font-sans:"Inter Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ink:#151515;--ink-soft:#333;--muted:#676767;--subtle:#8a8a8a;--line:#dedede;--line-strong:#c9c9c9;--paper:#fff;--surface:#fff;--surface-subtle:#f7f7f7;--canvas:#fbfbfb;--accent:#0f7f76;--accent-hover:#0b6a63;--accent-soft:#e8f5f3;--success:#158467;--success-soft:#eaf7f2;--warning:#a15c16;--warning-soft:#fff4e6;--danger:#c83e45;--danger-hover:#aa3037;--danger-soft:#fff0f1;--info:#3566b8;--info-soft:#edf4ff;--mono:"Cascadia Code", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;background:#fbfbfb;font-family:Inter,Segoe UI Variable,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas);margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin-top:0}.ui-icon{flex:none;display:block}.brand{color:inherit;align-items:center;display:inline-flex}.brand-logo{flex:none;width:154px;height:auto;display:block}.brand-compact .brand-logo{width:126px}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.68rem;font-weight:650}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:.8rem;font-weight:650;line-height:1;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{color:var(--ink);border-color:var(--line);background:var(--surface)}.button-secondary:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-subtle)}.button-ghost{color:var(--muted);background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled){color:var(--ink);background:var(--surface-subtle)}.button-danger{color:#fff;background:var(--danger)}.button-danger:hover:not(:disabled){background:var(--danger-hover)}.card{border:1px solid var(--line);background:var(--surface);border-radius:8px}.badge{border:1px solid var(--line);min-height:24px;color:var(--muted);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:.69rem;font-weight:600;display:inline-flex}.badge-good{color:var(--success);background:var(--success-soft);border-color:#b9dfd2}.badge-warn{color:var(--warning);background:var(--warning-soft);border-color:#f0d4b3}.badge-bad{color:var(--danger);background:var(--danger-soft);border-color:#efc4c7}.badge-info{color:var(--info);background:var(--info-soft);border-color:#c9d9f0}.field{color:var(--ink);gap:7px;display:grid}.field-label{align-items:baseline;min-width:0;font-size:.75rem;font-weight:700;display:flex}.field-label-text{min-width:0}.field small{color:var(--muted);font-size:.68rem;line-height:1.5}input,select,textarea{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:var(--surface);border-radius:8px;outline:none;padding:9px 12px}input::placeholder,textarea::placeholder{color:#a4acb7}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid var(--accent-soft);outline-offset:0}.page-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:24px;display:flex}.page-header-copy{min-width:0}.page-header h1{letter-spacing:-.035em;margin-bottom:7px;font-size:clamp(1.75rem,2.7vw,2rem);font-weight:700;line-height:1.15}.page-header-copy>p:last-child{max-width:690px;color:var(--muted);margin-bottom:0;font-size:.84rem;line-height:1.55}.page-header-actions{flex:none;align-items:center;gap:9px;display:flex}.form-page{width:min(820px,100%);min-height:calc(100vh - 142px);margin-inline:auto;padding:0 0 42px}.form-page-header{margin:17px 0 28px}.form-page-title{color:var(--ink);letter-spacing:-.03em;margin-bottom:9px;font-size:clamp(1.4rem,2.5vw,1.7rem);font-weight:700;line-height:1.2;display:block}.form-page-header>p:last-child{max-width:680px;color:var(--muted);margin-bottom:0;font-size:.78rem;line-height:1.65}.form-page .modal-actions{justify-content:flex-end;gap:9px;margin-top:0;padding-top:20px;display:flex}.section-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.section-header h2{letter-spacing:-.025em;margin-bottom:5px;font-size:1.28rem;font-weight:710}.section-header>div:first-child>p:last-child:not(.eyebrow){max-width:650px;color:var(--muted);margin-bottom:0;font-size:.74rem;line-height:1.55}.section-header-aside{flex:none;align-items:center;gap:9px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat-card{--stat-accent:var(--accent);--stat-soft:var(--accent-soft);min-width:0;min-height:118px;padding:15px 16px 14px}.stat-card-teal{--stat-accent:#0f806a;--stat-soft:#e8f7f2}.stat-card-blue{--stat-accent:#2563b8;--stat-soft:#eaf2ff}.stat-card-amber{--stat-accent:#a45b13;--stat-soft:#fff3e3}.stat-card-rose{--stat-accent:#bd4057;--stat-soft:#fff0f3}.stat-card-heading{min-width:0;color:var(--muted);align-items:center;gap:9px;font-size:.75rem;font-weight:600;display:flex}.stat-card-heading>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stat-card-icon{border:1px solid var(--line);width:26px;height:26px;color:var(--stat-accent);background:var(--surface-subtle);border-radius:6px;flex:0 0 26px;place-items:center;display:grid}.stat-card>strong{color:var(--ink);font:650 clamp(1.55rem, 2.3vw, 1.85rem)/1 var(--mono);letter-spacing:-.045em;margin:13px 0 6px;display:block}.stat-card>p{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-size:.69rem;overflow:hidden}.toast{--toast-tone:var(--info);--toast-soft:var(--info-soft);z-index:110;border:1px solid var(--line);border-left:4px solid var(--toast-tone);width:min(420px,100vw - 32px);color:var(--ink);background:var(--surface);border-radius:10px;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:12px 12px 12px 10px;font-size:.76rem;line-height:1.5;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 34px #11182724}.toast-icon{width:28px;height:28px;color:var(--toast-tone);background:var(--toast-soft);border-radius:7px;place-items:center;display:grid}.toast-message{overflow-wrap:anywhere;min-width:0}.toast-dismiss{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.toast-dismiss:hover{color:var(--ink);background:var(--surface-subtle)}.toast-info{--toast-tone:var(--info);--toast-soft:var(--info-soft)}.toast-success{--toast-tone:var(--success);--toast-soft:var(--success-soft)}.toast-error{--toast-tone:var(--danger);--toast-soft:var(--danger-soft)}.modal-backdrop{z-index:100;background:#11182794;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);width:min(560px,100%);max-height:calc(100vh - 40px);color:var(--ink);background:var(--surface);border-radius:10px;padding:24px;overflow-y:auto}.modal>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.modal h2{letter-spacing:-.03em;margin-bottom:0;font-size:1.3rem}.icon-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:var(--surface);border-radius:8px;flex:0 0 34px;place-items:center;padding:0;display:grid}.icon-close:hover{color:var(--ink);background:var(--surface-subtle)}.modal-form{gap:16px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:6px;display:flex}.empty-state{text-align:center;align-content:center;place-items:center;min-height:240px;padding:34px 28px;display:grid}.empty-state h3{margin:15px 0 6px;font-size:1rem;font-weight:650}.empty-state p{max-width:420px;color:var(--muted);margin-bottom:18px;font-size:.76rem;line-height:1.6}.empty-symbol{border:1px dashed var(--line-strong);width:50px;height:50px;color:var(--muted);background:var(--surface-subtle);border-radius:9px;place-items:center;display:grid}.login-page{grid-template-columns:minmax(440px,1.08fr) minmax(430px,.92fr);min-height:100vh;display:grid}.login-story{color:#f4f6fb;background:#121722;flex-direction:column;min-height:100vh;padding:clamp(30px,5vw,64px);display:flex}.login-page-admin{--accent:#5557c8;--accent-hover:#4446ae;--accent-soft:#eeeefe}.login-page-portal{--accent:#0f7f76;--accent-hover:#0b6a63;--accent-soft:#e8f5f3}.login-page-portal .login-story{background:#103332}.login-page-admin .story-copy .eyebrow{color:#a6a8ff}.login-page-portal .story-copy .eyebrow{color:#74dfca}.login-story-header{justify-content:space-between;align-items:center;display:flex}.login-story-header>span{color:#778196;font:600 .62rem var(--mono);letter-spacing:.14em}.story-copy{max-width:700px;margin:auto 0 46px;padding-top:70px}.story-copy .eyebrow{color:#8fa5ff}.story-copy h1{letter-spacing:-.065em;text-wrap:balance;max-width:680px;margin-bottom:20px;font-size:clamp(3rem,5vw,5rem);font-weight:620;line-height:.98}.story-copy>p:last-child{color:#9da7b9;max-width:560px;margin-bottom:0;font-size:.96rem;line-height:1.75}.login-lanes{border-top:1px solid #303848;border-bottom:1px solid #303848;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.login-lanes>span{border-left:1px solid #303848;gap:5px;padding:17px 16px;display:grid}.login-lanes>span:first-child{border-left:0;padding-left:0}.login-lanes i{color:#667085;font:normal .58rem var(--mono)}.login-lanes b{color:#dbe1ed;font-size:.7rem}.login-lanes small{color:#747f93;font:.58rem var(--mono)}.login-footnote{color:#717b8e;font:.6rem var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin:24px 0 0;display:flex}.login-form-wrap{background:var(--canvas);place-items:center;padding:clamp(28px,5vw,70px);display:grid}.login-form{background:0 0;border:0;border-radius:0;gap:20px;width:min(430px,100%);padding:clamp(28px,4vw,40px);display:grid}.login-form h2{letter-spacing:-.045em;margin-bottom:7px;font-size:1.85rem}.form-subtitle{color:var(--muted);margin-bottom:0;font-size:.78rem}.login-form .button{justify-content:space-between;width:100%;min-height:46px;margin-top:3px;padding:0 17px}.verification-code-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.verification-code-row .field{min-width:0}.login-form .verification-code-send{white-space:nowrap;justify-content:center;width:auto;min-height:40px;margin-top:0;padding:0 14px}.form-error{color:var(--danger);margin:-5px 0;font-size:.72rem}.form-success{color:var(--success);margin:-5px 0;font-size:.72rem}.login-switch{color:var(--accent);background:0 0;border:0;justify-self:center;padding:0;font-size:.72rem;font-weight:650}.login-switch:hover{color:var(--accent-hover);text-decoration:underline}.form-footer{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;font-size:.68rem;line-height:1.65}@media (width<=1080px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:28px}.story-copy{margin-bottom:34px;padding:70px 0 0}.story-copy h1{max-width:620px;font-size:clamp(2.7rem,10vw,4.8rem)}.login-form-wrap{min-height:55vh;padding:48px 24px}}@media (width<=680px){.page-header,.section-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header-actions,.section-header-aside{width:100%}.page-header-actions .button,.section-header-aside>.button{flex:1}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card>strong{font-size:1.55rem}.modal{padding:20px}.form-page-header{margin-top:16px}.toast{width:calc(100vw - 32px);bottom:16px;right:16px}}@media (width<=470px){.login-lanes{grid-template-columns:1fr}.login-lanes>span{border-top:1px solid #303848;border-left:0;padding-left:0}.login-lanes>span:first-child{border-top:0}.login-form{background:0 0;border:0;padding:0}.stat-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}@media (width<=360px){.verification-code-row{grid-template-columns:1fr}.login-form .verification-code-send{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important}}.analytics-section{min-width:0;margin-top:48px;padding-bottom:14px}.analytics-section-heading{justify-content:space-between;align-items:center;gap:22px;min-width:0;margin-bottom:24px;display:flex}.analytics-section-heading h2{color:var(--ink);letter-spacing:0;margin:0;font-size:1.55rem;font-weight:720}.analytics-section-actions{flex:none;align-items:center;gap:8px;display:flex}.analytics-range-menu-trigger{border:1px solid var(--line);width:auto;min-width:148px;height:40px;color:var(--ink);background:var(--surface);font:inherit;text-align:left;border-radius:8px;flex:none;justify-content:flex-start;align-items:center;gap:8px;margin-right:12px;padding:0 10px 0 11px;font-size:.75rem;font-weight:650;display:flex}.analytics-range-menu-trigger:hover:not(:disabled),.analytics-range-menu-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--ink);background:var(--surface)}.analytics-range-menu-trigger:focus-visible{outline:3px solid var(--accent-soft);outline-offset:0}.analytics-range-menu-icon,.analytics-range-menu-chevron{color:var(--muted);flex:none}.analytics-range-menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.analytics-icon-button{width:40px;min-height:40px;padding:0}.analytics-add-metrics-trigger{flex:0 0 40px;width:40px;height:40px}.analytics-add-metrics-trigger[aria-expanded=true]{color:var(--ink);background:var(--surface-subtle)}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.analytics-card-frame{width:100%;min-width:0;height:250px;min-height:250px}.analytics-card{border-color:#dcdfe3;border-radius:8px;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.analytics-card-header{flex:none;align-items:flex-start;gap:12px;min-width:0;padding:12px 16px 2px;display:flex}.analytics-card-header-copy{flex:1;min-width:0}.analytics-card .data-table-row-action-trigger{flex:0 0 28px;width:28px;height:28px}.analytics-card-title{color:#7b7f87;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;font-weight:500;line-height:1.3;display:block;overflow:hidden}.analytics-card-body{flex:1;min-height:0;padding:0;overflow:hidden}.analytics-card-display{flex-direction:column;height:100%;min-height:0;padding:2px 16px 0;display:flex;position:relative;overflow:hidden}.analytics-card-summary{flex:none;min-width:0;padding:0;position:relative}.analytics-card-value-row{align-items:baseline;gap:8px;min-width:0;display:flex}.analytics-card-value-row>strong{color:#202124;font:600 1.5rem/1.2 var(--font-sans);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.analytics-trend{white-space:nowrap;flex:none;align-items:center;gap:3px;font-size:.875rem;font-weight:650;display:inline-flex}.analytics-trend-neutral{color:var(--muted)}.analytics-trend-good{color:#1d936f}.analytics-trend-bad{color:#c9001b}.analytics-card-chart-wrap{flex:auto;min-height:40px;margin:6px -16px 8px;position:relative;overflow:hidden}.analytics-card-chart-wrap:has(>.metric-line-chart-compact){margin-bottom:0}.analytics-card-chart.metric-line-chart{height:100%;min-height:0;padding:0 16px}.analytics-card-chart .metric-line-chart-canvas>svg{height:min(100%,255px);min-height:0}.analytics-card-chart.metric-line-chart-compact .metric-line-chart-canvas>svg{height:100%}.analytics-card-chart .metric-line-chart-grid line{stroke:#e3e5e8;stroke-width:.75px;stroke-dasharray:none}.analytics-card-chart .metric-line-chart-series>path[fill=none]{stroke-width:1px}.analytics-card-chart .metric-line-chart-y-labels{width:29px}.analytics-card-chart.metric-line-chart-axis-right .metric-line-chart-y-labels{right:-14px}.analytics-card-chart .metric-line-chart-y-labels span{color:#9ca0a7;font-size:.75rem;font-weight:500}.analytics-card-chart .metric-line-chart-labels{display:none}.analytics-card-chart .metric-line-chart-tooltip{gap:10px;min-width:238px;padding:15px}.analytics-card-chart .metric-line-chart-tooltip-label{font-size:1rem}.analytics-card-chart .metric-line-chart-tooltip-value{font-size:.88rem}.analytics-card-chart .metric-line-chart-tooltip-value b{font-size:.9rem}.analytics-card-empty-chart{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.analytics-card-empty-chart>svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.analytics-card-empty-chart>svg path{fill:none;stroke:#e6e7e9;stroke-width:1.15px;vector-effect:non-scaling-stroke}.analytics-card-empty-chart>span{color:#7b7f87;white-space:nowrap;background:#ffffffe0;border:1px solid #dfe1e4;border-radius:999px;padding:7px 12px;font-size:.8rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.analytics-card-display-empty .analytics-card-chart-wrap{flex:0 0 0;min-height:0;margin:0;position:static}.analytics-card-display-empty .analytics-card-empty-chart{width:auto;height:auto;position:absolute;inset:0 -16px;transform:translateY(-16px)}.analytics-empty{border:1px dashed var(--line-strong);min-height:278px;color:var(--muted);background:var(--surface);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:9px;padding:28px;display:grid}.analytics-empty .ui-icon{color:var(--subtle)}.analytics-empty strong{color:var(--ink-soft);font-size:.8rem}.analytics-empty p{max-width:480px;color:var(--muted);margin:0;font-size:.69rem;line-height:1.55}.analytics-section>.resource-error{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:278px}.analytics-card-skeleton{aspect-ratio:auto;border-color:#dcdfe3;border-radius:8px;height:100%}.analytics-card-skeleton-title{color:#7b7f87}.analytics-card-skeleton .analytics-card-header{padding:20px 25px 0}.analytics-card-skeleton-display{padding:0 25px}.analytics-card-skeleton-summary{flex:none;align-items:center;gap:13px;margin-top:11px;display:flex}.analytics-card-skeleton-bar{border-radius:2px;height:6px}.analytics-card-skeleton-bar-primary{width:76px}.analytics-card-skeleton-bar-secondary{width:51px}.analytics-card-skeleton-chart{flex:auto;align-self:stretch;width:calc(100% + 50px);min-height:0;margin:0 -25px;display:block;overflow:visible}.analytics-card-skeleton-chart path{fill:none;stroke:#edf1f3;stroke-width:1px;vector-effect:non-scaling-stroke}@media (width<=760px){.analytics-section{margin-top:38px}.analytics-section-heading{flex-direction:column;align-items:flex-start;gap:14px}.analytics-section-actions{width:100%}.analytics-range-menu-trigger{flex:auto;min-width:0}.analytics-grid{grid-template-columns:1fr}.analytics-card-skeleton .analytics-card-header{padding:20px 18px 0}.analytics-card-skeleton-display{padding:0 18px}.analytics-card-skeleton-chart{width:calc(100% + 36px);margin-inline:-18px}.analytics-card-header{padding:12px 18px 2px}.analytics-card-display{padding:2px 18px 0}.analytics-card-title{font-size:.9rem}.analytics-card-value-row>strong{font-size:2rem}.analytics-trend{font-size:.82rem}.analytics-card-chart-wrap{margin:6px -18px 8px}.analytics-card-chart.metric-line-chart{padding:0 18px}.analytics-card-chart .metric-line-chart-canvas>svg{height:220px;min-height:0}.analytics-card-chart.metric-line-chart-axis-right .metric-line-chart-y-labels{right:-16px}.analytics-card-chart .metric-line-chart-y-labels span{font-size:.72rem}.analytics-card-chart .metric-line-chart-tooltip{min-width:min(210px,100% - 18px)}.analytics-card-chart .metric-line-chart-tooltip-right{transform:translate(-50%,-50%)}.analytics-card-chart .metric-line-chart-tooltip-label{font-size:.82rem}.analytics-card-chart .metric-line-chart-tooltip-value{font-size:.74rem}}body{background:var(--canvas)}.portal-page{min-height:calc(100vh - 142px);padding-top:2px}.skeleton{background:#edf1f3;border-radius:5px;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffb3 48%,#0000 100%);animation:1.35s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px;display:flex}.skeleton-page-header>div{gap:12px;width:min(680px,70%);display:grid}.skeleton-title{width:190px;height:38px}.skeleton-subtitle{width:min(620px,100%);height:15px}.skeleton-button{width:126px;height:40px}.skeleton-icon{border-radius:7px;width:30px;height:30px}.skeleton-label{width:98px;height:12px}.skeleton-value{width:62px;height:32px;margin:17px 0 10px}.skeleton-detail{width:72%;height:10px}.skeleton-stat{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:126px}.skeleton-table{min-height:315px}.skeleton-table-head,.skeleton-table-row{grid-template-columns:minmax(190px,1.2fr) 112px minmax(220px,1.25fr) 135px 185px;align-items:center;gap:16px;min-width:930px;padding:0 24px;display:grid}.skeleton-table-head{background:#fbfbfb;min-height:48px}.skeleton-table-row{border-top:1px solid #e6e6e6;min-height:48px}.skeleton-table-head .skeleton,.skeleton-table-row .skeleton{width:72%;height:11px}.skeleton-table-row .skeleton-row-name{width:82%;height:30px}.skeleton-action{width:62px;height:28px}.skeleton-setup-card{background:var(--surface)}.skeleton-setup-summary{width:92%;height:12px;margin-bottom:22px}.skeleton-setup-section{width:72px;height:10px;margin-bottom:16px}.skeleton-setup-steps{gap:14px;display:grid}.skeleton-setup-step{grid-template-columns:25px minmax(0,1fr);align-items:start;gap:10px;display:grid}.skeleton-step-index{border-radius:7px;width:25px;height:25px}.skeleton-setup-step>div{gap:6px;padding-top:4px;display:grid}.skeleton-step-title{width:42%;height:9px}.skeleton-step-detail{width:86%;height:9px}.skeleton-code{background:#171d27;align-content:start;gap:12px;min-height:224px;padding:22px;display:grid}.skeleton-code .skeleton{background:#313a49;width:82%;height:10px}.skeleton-code .skeleton:nth-child(2){width:58%}.skeleton-code .skeleton:nth-child(3){width:90%}.skeleton-panel-label{width:84px;height:9px}.skeleton-tab{min-height:52px}.resource-error{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px;color:var(--muted);align-content:center;place-items:center;gap:12px;font-size:.73rem;display:grid}.resource-error p{margin:0}.resource-error button{border:1px solid var(--line);min-height:32px;color:var(--ink-soft);background:var(--surface);border-radius:7px;padding:0 13px;font-weight:650}.portal-shell-skeleton{pointer-events:none}.portal-shell-skeleton .app-sidebar nav{gap:4px;display:grid}.skeleton-nav-group{width:72px;height:9px;margin:17px 11px 10px}.skeleton-nav-group-secondary{margin-top:20px}.skeleton-nav-item{align-items:center;gap:11px;min-height:42px;padding:0 11px;display:flex}.skeleton-nav-icon{width:21px;height:21px}.skeleton-nav-label{width:78px;height:12px}.portal-shell-skeleton .app-sidebar-footer{gap:18px;display:grid}.skeleton-sidebar-user{align-items:center;gap:10px;display:flex}.skeleton-sidebar-user>div{gap:7px;width:120px;display:grid}.skeleton-sidebar-user>div .skeleton{width:100%;height:9px}.skeleton-sidebar-user>div .skeleton:last-child{width:70%}.skeleton-avatar{border-radius:50%;width:31px;height:31px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.keys-card,.usage-card,.notifications-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;overflow:hidden}.notifications-list{display:grid}.notification-row{border-bottom:1px solid var(--line);min-width:0;padding:24px 26px 25px}.notification-row:last-child{border-bottom:0}.notification-row-header{justify-content:space-between;align-items:flex-start;gap:24px;min-width:0;display:flex}.notification-row-heading{gap:7px;min-width:0;display:grid}.notification-row-label{width:fit-content;color:var(--accent);font:650 .62rem/1.2 var(--mono);letter-spacing:.04em;align-items:center;gap:6px;display:inline-flex}.notification-row-heading h2{color:var(--ink);letter-spacing:-.02em;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.notification-row time{color:var(--muted);font:600 .64rem/1.3 var(--mono);white-space:nowrap;flex:none;padding-top:2px}.notification-row>p{max-width:900px;color:var(--ink-soft);white-space:pre-wrap;margin:13px 0 0;font-size:.75rem;line-height:1.75}.portal-notifications-modal{border-color:#383838;border-radius:9px;width:min(736px,100%);max-height:calc(100vh - 46px);padding:27px 18px 17px;box-shadow:0 7px 22px #1118272e}.portal-notifications-modal>header{align-items:center;gap:12px;margin-bottom:20px}.portal-notifications-modal>header>div:first-child{flex:none}.portal-notifications-modal h2{letter-spacing:-.025em;font-size:.92rem;font-weight:720}.portal-notifications-modal .modal-header-content{min-width:0;margin-left:auto}.portal-notifications-modal .icon-close{color:#4e4e4e;background:0 0;border:0;border-radius:6px;flex-basis:25px;width:25px;height:25px}.portal-notifications-modal .icon-close:hover{color:var(--ink);background:#f4f4f4}.portal-notifications-modal-content{gap:13px;min-width:0;display:grid}.portal-notifications-modal-list{background:var(--surface);scrollbar-color:#c7c7c7 transparent;scrollbar-width:thin;min-width:0;max-height:min(69vh,690px);overflow:auto}.portal-notifications-modal-list .resource-error{border:0}.portal-notifications-modal-list .empty-state{min-height:220px}.portal-notifications-modal-list .skeleton-table{min-width:0;overflow:hidden}.portal-notifications-modal-list .skeleton-table-head,.portal-notifications-modal-list .skeleton-table-row{grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}.notifications-filter{scrollbar-width:none;background:#f4f4f4;border-radius:999px;align-items:center;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.notifications-filter::-webkit-scrollbar{display:none}.notifications-filter button{color:#767676;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:27px;padding:0 10px;font-size:.66rem;font-weight:650;display:inline-flex}.notifications-filter button:hover{color:#303030}.notifications-filter button.active{color:#292929;background:#fff;box-shadow:0 1px 4px #00000014}.notifications-filter button small{color:#929292;min-width:17px;height:16px;font:600 .56rem/1 var(--mono);background:#e7e7e7;border-radius:999px;place-items:center;padding:0 4px;display:inline-grid}.notifications-filter button.active small{color:#4281de;background:#edf4ff}.notifications-timeline{min-width:0;margin:0 3px 0 10px;padding:4px 0 0 27px;display:grid;position:relative}.notifications-timeline:before{content:"";background:#c7c9ca;width:1px;position:absolute;top:10px;bottom:9px;left:5px}.notifications-timeline .notification-row{border:0;padding:0 0 22px;position:relative}.notifications-timeline .notification-row:before{content:"";background:#c7cdd0;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:-25px;box-shadow:0 0 0 1px #c7cdd0}.notifications-timeline .notification-row:last-child{padding-bottom:3px}.notifications-timeline .notification-row-header{display:block}.notifications-timeline .notification-row-heading{gap:7px;display:grid}.notifications-timeline .notification-row-label{color:#956c26;min-height:16px;font:650 .57rem/1 var(--font-sans);letter-spacing:0;background:#fff1d3;border-radius:4px;align-items:center;gap:4px;margin-bottom:0;padding:0 6px}.notifications-timeline .notification-row-heading h2{text-overflow:clip;font-size:.83rem;line-height:1.45;overflow:visible}.notifications-timeline .notification-row>p{color:#303030;max-width:none;margin:11px 0 0;font-size:.7rem;line-height:1.9}.notification-row-footer{color:#a8a8a8;font:500 .59rem/1.4 var(--font-sans);flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;display:flex}.notification-row-footer span+span:before{color:#c7c7c7;content:"·";margin-right:7px}.wallet-page{min-width:0}.wallet-balance-card{justify-content:space-between;align-items:center;gap:32px;margin-bottom:30px;padding:18px 30px;display:flex}.wallet-balance-copy{align-content:center;min-width:0;display:grid}.wallet-balance-copy>span:first-child{color:var(--ink-soft);font-size:.78rem;font-weight:600}.wallet-balance-copy>strong{color:var(--ink);font:650 clamp(2.15rem, 4vw, 2.75rem)/.95 var(--mono);letter-spacing:-.055em;margin:14px 0 9px}.wallet-balance-copy>small{color:var(--muted);font-size:.69rem}.wallet-balance-symbol{width:68px;height:68px;color:var(--accent);background:var(--accent-soft);border:1px solid #b9dfd8;border-radius:12px;flex:0 0 68px;place-items:center;display:grid}.wallet-balance-unavailable .wallet-balance-symbol{color:var(--subtle);border-color:var(--line);background:var(--surface-subtle)}.wallet-section-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:13px;display:flex}.wallet-section-header h2{letter-spacing:-.025em;margin-bottom:5px;font-size:1.18rem;font-weight:710}.wallet-section-header p{color:var(--muted);margin-bottom:0;font-size:.72rem}.wallet-ledger-card{min-width:0;overflow:hidden}.wallet-ledger-card .data-table{min-width:760px}.wallet-ledger-card .empty-state{min-height:324px}.wallet-ledger-card .data-table td:nth-child(3){font-family:var(--font-sans);font-size:inherit;font-weight:inherit;line-height:inherit}.wallet-credit{color:var(--success)}.wallet-debit{color:var(--danger)}.wallet-load-error{overflow:hidden}.wallet-load-error .resource-error{border:0;min-height:310px}.wallet-balance-skeleton{border:1px solid var(--line);background:var(--surface);border-radius:8px}.wallet-balance-skeleton .wallet-balance-copy{gap:17px;width:min(420px,70%)}.wallet-balance-skeleton .skeleton-label{width:92px;height:13px}.wallet-balance-skeleton .wallet-skeleton-value{width:210px;height:50px}.wallet-balance-skeleton .skeleton-detail{width:180px;height:11px}.wallet-skeleton-symbol{border-radius:12px;width:68px;height:68px}.wallet-section-skeleton{min-height:47px}.wallet-section-skeleton>div{gap:10px;width:260px;display:grid}.wallet-section-skeleton .skeleton-detail{height:10px}.wallet-recharge-anchor{margin-bottom:30px;scroll-margin-top:78px}.wallet-recharge-card{min-width:0;overflow:hidden}.wallet-recharge-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:17px 20px;display:flex}.wallet-recharge-heading h2{letter-spacing:-.025em;margin:0 0 5px;font-size:1.04rem;font-weight:710}.wallet-recharge-heading p{color:var(--muted);margin:0;font-size:.7rem;line-height:1.55}.wallet-recharge-flow{display:grid}.wallet-recharge-step{border-top:1px solid #edf0f3;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:28px;padding:22px 20px;display:grid}.wallet-recharge-step:first-child{border-top:0}.wallet-step-label{align-items:flex-start;gap:10px;padding-top:3px;display:flex}.wallet-step-label>span{min-width:27px;min-height:24px;color:var(--accent);background:var(--accent-soft);font:600 .58rem var(--mono);border-radius:999px;place-items:center;display:grid}.wallet-step-label h3{color:var(--ink);margin:3px 0 0;font-size:.76rem;font-weight:650;line-height:1.35}.wallet-step-content{gap:13px;min-width:0;display:grid}.wallet-step-content>.field{max-width:360px}.wallet-recharge-step:first-child .wallet-step-content{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.25fr);align-items:end;column-gap:9px}.wallet-recharge-step:first-child .recharge-presets{display:contents}.wallet-recharge-step:first-child .wallet-step-content>.field{max-width:none}.wallet-recharge-step:first-child .wallet-step-content>.field .field-label{display:none}.recharge-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.recharge-presets button{border:1px solid var(--line);min-height:54px;color:var(--ink-soft);background:var(--surface);font:650 .74rem var(--mono);border-radius:8px;padding:0 8px}.recharge-presets button:hover{border-color:var(--line-strong);background:var(--surface-subtle)}.recharge-presets button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.recharge-input{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:48px minmax(0,1fr);min-height:54px;display:grid;overflow:hidden}.recharge-input:focus-within{border-color:var(--accent);outline:3px solid var(--accent-soft)}.recharge-input.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.recharge-input.active:focus-within{outline:0}.recharge-input.active input{background:0 0}.recharge-input>span{border-right:1px solid var(--line);color:var(--ink-soft);font:650 .76rem var(--mono);place-items:center;display:grid}.recharge-input input{min-height:52px;font:650 .77rem var(--mono);border:0;border-radius:0;padding-inline:14px}.recharge-input input:focus{outline:0}.recharge-error{color:var(--danger)!important}.wallet-payment-method{border:1px solid var(--accent);min-height:62px;color:var(--accent);background:var(--accent-soft);border-radius:9px;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px 14px;display:grid}.wallet-payment-radio{width:17px;height:17px;accent-color:var(--accent);margin:0}.wallet-payment-method>div{gap:5px;min-width:0;display:grid}.wallet-payment-method img{width:54px;height:auto;display:block}.wallet-payment-method strong{color:var(--ink);font-size:.72rem;font-weight:600}.wallet-payment-method small{color:var(--muted);font-size:.63rem}.wallet-payment-summary{border:1px solid var(--line);background:var(--surface-subtle);border-radius:9px;gap:12px;padding:14px 15px;display:grid}.wallet-payment-breakdown{border-bottom:1px dashed var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:13px;display:grid}.wallet-payment-breakdown>div{align-content:start;gap:5px;display:grid}.wallet-payment-total{justify-content:space-between;align-items:center;gap:20px;display:flex}.wallet-payment-summary span{color:var(--muted);font-size:.68rem}.wallet-payment-summary strong{color:var(--ink);font:650 .86rem var(--mono)}.wallet-payment-total strong{color:var(--accent);font-size:1.05rem}.wallet-payment-summary small{color:var(--subtle);text-align:right;font-size:.61rem;line-height:1.5}.wallet-review-payment{width:100%;min-height:42px}.recharge-confirm-modal{width:min(360px,100%);padding:20px}.recharge-confirm-modal>header{margin-bottom:16px}.recharge-confirm-modal h2{font-size:1rem}.recharge-confirm-modal .icon-close{border:0}.recharge-confirm-form{gap:16px;display:grid}.recharge-confirm-amount{border:1px solid var(--line);background:var(--surface-subtle);text-align:center;border-radius:9px;align-content:center;place-items:center;gap:8px;min-height:120px;padding:18px;display:grid}.recharge-confirm-amount>span{color:var(--muted);font-size:.66rem}.recharge-confirm-amount>strong{color:var(--ink);font:650 2rem/1 var(--mono);letter-spacing:-.045em}.recharge-confirm-amount>small{max-width:280px;color:var(--subtle);font-size:.61rem;line-height:1.45}.recharge-confirm-details{border:1px solid var(--line);border-radius:9px;overflow:hidden}.recharge-confirm-details>div{justify-content:space-between;align-items:center;gap:18px;min-height:46px;padding:0 14px;display:flex}.recharge-confirm-details>div+div{border-top:1px solid var(--line)}.recharge-confirm-details span{color:var(--ink-soft);font-size:.67rem}.recharge-confirm-details strong{color:var(--ink);font:600 .67rem var(--mono)}.recharge-confirm-details img{width:48px;height:auto;display:block}.wallet-test-warning{color:#815425;background:var(--warning-soft);border:1px solid #efcfaa;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.wallet-test-warning>span{width:25px;height:25px;color:var(--warning);flex:0 0 25px;place-items:center;display:grid}.wallet-test-warning p{margin:2px 0 0;font-size:.69rem;line-height:1.55}.recharge-confirm-form .modal-actions{margin-top:0}.recharge-confirm-form .modal-actions .button-primary{min-width:112px}.keys-table{min-width:930px}.key-name{align-items:center;gap:10px;min-width:0;display:flex}.key-table .key-name strong{color:var(--ink-soft);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.key-icon{width:31px;height:31px;color:var(--accent);background:var(--accent-soft);border-radius:7px;flex:0 0 31px;place-items:center;display:grid}.key-edit-drawer-form .side-drawer-body{align-content:start;gap:22px;display:grid}.key-edit-drawer-summary{border:1px solid var(--line);background:var(--surface-subtle);border-radius:9px;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.key-edit-drawer-summary>div{gap:4px;min-width:0;display:grid}.key-edit-drawer-summary strong,.key-edit-drawer-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-edit-drawer-summary strong{color:var(--ink);font-size:.75rem;font-weight:650}.key-edit-drawer-summary small{color:var(--muted);font:.6rem var(--mono)}.key-expiration-setting{gap:14px;min-width:0;display:grid}.key-expiration-setting .field{min-width:0}.key-expiration-quick{gap:9px;min-width:0;display:grid}.key-expiration-quick>span{color:var(--ink-soft);font-size:.68rem;font-weight:650}.key-expiration-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.key-expiration-presets button{border:1px solid var(--line);width:100%;min-width:0;min-height:40px;color:var(--ink-soft);background:var(--surface-subtle);cursor:pointer;border-radius:9px;padding:7px 8px;font-size:.7rem;font-weight:650;line-height:1.25}.key-expiration-presets button:hover:not(:disabled){background:var(--surface);border-color:#b7c0d3}.key-expiration-presets button.is-active{color:var(--accent);background:var(--accent-soft);border-color:#cbd8ff}.key-expiration-presets button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.key-expiration-presets button:disabled{opacity:.55;cursor:not-allowed}.key-value{align-items:center;gap:6px;min-width:0;display:flex;container-type:inline-size}.key-table code{border:1px solid var(--line);color:#667085;background:var(--surface-subtle);min-width:0;font:13px/18px var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;flex:auto;padding:7px 9px;display:block;overflow:hidden}.key-limit{gap:3px;display:grid}.key-table .key-limit strong{color:var(--ink-soft);font:400 14px/24px var(--font-sans)}.key-quota{gap:3px;min-width:0;display:grid}.key-table .key-quota strong{color:var(--ink-soft);font:400 13px/24px var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-expiration{min-width:0;display:grid}.key-table .key-expiration strong{color:var(--ink-soft);font:400 13px/24px var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-status-cell{white-space:normal;align-items:center;min-width:0;display:inline-flex}.key-status-cell .table-status{flex:none}.key-status-setting{border:1px solid var(--line);background:var(--surface-subtle);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:12px 13px;display:flex}.key-status-setting-copy{gap:4px;min-width:0;display:grid}.key-status-setting-label{color:var(--ink-soft);font-size:.68rem;font-weight:650}.key-status-setting-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:600;overflow:hidden}.key-switch{cursor:pointer;background:#c8ced9;border:0;border-radius:999px;flex:0 0 42px;align-items:center;width:42px;height:24px;padding:2px;transition:background-color .15s;display:inline-flex}.key-switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block;transform:translate(0);box-shadow:0 1px 3px #0f172a33}.key-switch.is-on{background:var(--accent)}.key-switch.is-on .key-switch-thumb{transform:translate(18px)}.key-switch:hover:not(:disabled){background:#aeb7c7}.key-switch.is-on:hover:not(:disabled){background:var(--accent-hover)}.key-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.key-switch:disabled{cursor:not-allowed;opacity:.6}.key-switch-unavailable{color:var(--muted);font-size:.64rem;font-weight:650}@media (width<=420px){.key-edit-drawer-form .side-drawer-body{gap:20px}.key-expiration-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.key-call-volume{align-items:center;gap:14px;width:100%;min-width:0;display:flex;overflow:hidden}.key-call-volume>svg{flex:128px;width:min(150px,100%);min-width:100px;height:34px;display:block;overflow:visible}.key-call-volume-line{fill:none;stroke:#5b8def;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.key-call-volume>strong{color:var(--ink);font:650 .9rem/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex:none}.key-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:2px;display:flex}.key-actions.has-copy-action{min-width:100px}.key-copy{border:1px solid var(--line);min-height:30px;color:var(--ink-soft);background:var(--surface);border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:.64rem;font-weight:650;display:inline-flex}.key-copy:hover:not(:disabled){background:var(--surface-subtle);border-color:#b7c0d3}.key-copy:disabled{border-color:var(--line);color:var(--subtle);background:var(--surface-subtle);cursor:not-allowed}.key-copy{flex:none}.key-copy-label{white-space:nowrap}@container (width<=400px){.key-copy{justify-content:center;width:32px;padding-inline:0}.key-copy-label{display:none}}@media (width<=900px){.key-copy{justify-content:center;width:32px;padding-inline:0}.key-copy-label{display:none}}.key-action-copy{width:32px;height:32px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 32px;place-items:center;padding:0;display:inline-grid}.key-action-copy:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.key-action-copy:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.key-action-copy:disabled{color:var(--subtle);cursor:not-allowed}.key-edit{width:32px;height:32px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:inline-grid}.key-edit:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.key-edit:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.key-edit:disabled{color:var(--subtle);cursor:not-allowed}.key-delete{width:32px;height:32px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:inline-grid}.key-delete:hover:not(:disabled){color:var(--danger);background:0 0}.key-delete:focus-visible{outline:2px solid var(--danger);outline-offset:1px}.key-delete:disabled{color:var(--subtle);cursor:not-allowed}.data-table-column-label{vertical-align:middle;align-items:center;gap:8px;display:inline-flex}.data-table-column-info{vertical-align:middle;color:var(--muted);line-height:0;display:inline-block;position:relative}.data-table-column-info>summary{width:24px;height:24px;color:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;list-style:none;display:inline-flex}.data-table-column-info>summary::-webkit-details-marker{display:none}.data-table-column-info>summary::marker{content:""}.data-table-column-info:hover>summary,.data-table-column-info[open]>summary,.data-table-column-info.is-open>summary{color:var(--ink-soft)}.data-table-column-info>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.data-table-info-popover{z-index:1001;box-sizing:border-box;outline:1px solid var(--line);outline-offset:0;width:max-content;max-width:min(300px,100vw - 24px);color:var(--ink);background:var(--surface);font-family:var(--font-sans);transform-origin:bottom;border-radius:8px;flex-direction:column;padding:12px 16px;font-size:14px;font-weight:400;line-height:1.45;transition:opacity .15s;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 6px -1px #1118271a,0 2px 4px -2px #1118271a}.data-table-info-popover:after{bottom:-7px;left:var(--data-table-info-arrow-left,50%);background:var(--surface);content:"";border:1px solid #d7dce4;border-top:0;border-left:0;width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.data-table-info-popover.is-below{transform-origin:top}.data-table-info-popover.is-below:after{border:0;border-top:1px solid #d7dce4;border-left:1px solid #d7dce4;top:-7px;bottom:auto;right:auto}.data-table-info-popover p{color:var(--ink);font:inherit;white-space:normal;margin:0}.setup-guide,.setup-skeleton{gap:10px;display:grid}.setup-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.setup-tab{min-width:0;min-height:52px;color:var(--muted);font:650 .76rem var(--font-sans);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom-width:2px;border-radius:8px 8px 0 0;justify-content:center;align-items:center;padding:0 12px;transition:color .15s,background-color .15s,border-color .15s;display:flex;overflow:hidden}.setup-tab:hover{color:var(--ink);background:var(--surface-subtle)}.setup-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:var(--surface)}.setup-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.setup-tabs-skeleton{border-bottom:0}.setup-tabs-skeleton .skeleton-tab{background:#edf1f3;border-radius:8px 8px 0 0}.setup-panel{min-width:0;overflow:hidden}.setup-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:14px 18px;display:flex}.setup-panel-heading{align-items:center;gap:10px;min-width:0;display:flex}.setup-panel-heading>div{gap:2px;min-width:0;display:grid}.setup-icon{width:30px;height:30px;color:var(--accent);background:var(--accent-soft);border-radius:7px;flex:0 0 30px;place-items:center;display:grid}.setup-panel h2{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;font-weight:700;overflow:hidden}.setup-panel-label{color:var(--muted);font:600 .6rem/1.3 var(--mono)}.setup-panel header button{min-height:32px;color:var(--muted);font:650 .68rem var(--font-sans);background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.setup-panel header button:hover{color:var(--ink);background:var(--surface-subtle)}.setup-panel-body{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);display:grid}.setup-panel-explanation{min-width:0;padding:21px 22px 23px}.setup-panel-summary{color:var(--ink-soft);margin:0 0 22px;font-size:.72rem;line-height:1.65}.setup-section-label{color:var(--muted);font:650 .61rem/1.3 var(--mono);letter-spacing:.05em;margin:0 0 13px}.setup-steps{counter-reset:setup-step;gap:15px;margin:0;padding:0;list-style:none;display:grid}.setup-step{counter-increment:setup-step;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:10px;display:grid}.setup-step:before{width:25px;height:25px;color:var(--accent);background:var(--accent-soft);content:counter(setup-step, decimal-leading-zero);font:650 .57rem var(--mono);border-radius:7px;place-items:center;display:grid}.setup-step>div{min-width:0;padding-top:1px}.setup-step strong{color:var(--ink);margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.setup-step span{color:var(--muted);font-size:.66rem;line-height:1.55;display:block}.setup-code-block{border-left:1px solid var(--line);background:#151b25;min-width:0}.setup-code-heading{color:#9da8b9;min-height:38px;font:650 .6rem/1 var(--mono);background:#151b25;border-bottom:1px solid #293241;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;display:flex}.setup-code-language{color:#cfd7e6}.setup-code-heading .skeleton{background:#313a49;height:9px}.skeleton-code-title{width:78px}.skeleton-code-language{width:64px}.setup-code-block pre{color:#cfd7e6;min-height:208px;font:.7rem/1.8 var(--mono);background:#151b25;margin:0;padding:18px;overflow:auto}.setup-code-block code{min-width:max-content;display:block}.portal-footer{border-top:1px solid var(--line);color:var(--subtle);font:.58rem var(--mono);justify-content:space-between;gap:20px;margin-top:38px;padding:19px 2px 0;display:flex}.portal-form-grid{gap:20px;padding:0 0 26px;display:grid}.portal-form-grid .field{align-content:start;gap:8px}.portal-form-grid .field>span{color:#273044;min-height:17px;font-size:.7rem;line-height:1.3}.portal-form-grid .field small{color:#7c8496;min-height:17px;font-size:.62rem;line-height:1.45}.portal-form-grid input{background:var(--surface);border-color:#d8deea;border-radius:9px;min-height:44px;padding:10px 13px}.portal-form-grid input:hover{background:#fff;border-color:#b7c0d3}.portal-form-grid input:focus{border-color:var(--accent);background:#fff}.portal-channel-checklist{border:1px solid var(--line);background:var(--surface-subtle);border-radius:9px;gap:9px;padding:12px 13px;display:grid}.portal-channel-checklist label{min-height:28px;color:var(--ink-soft);align-items:center;gap:9px;font-size:.7rem;font-weight:650;display:flex}.portal-channel-checklist input{width:17px;min-height:17px;accent-color:var(--accent);flex:0 0 17px;margin:0;padding:0}.portal-protocol-channel-list{border:1px solid var(--line);background:var(--surface-subtle);border-radius:9px;gap:10px;padding:12px 13px;display:grid}.portal-protocol-channel-list label{color:var(--ink-soft);grid-template-columns:minmax(132px,.75fr) minmax(180px,1.25fr);align-items:center;gap:7px 12px;font-size:.7rem;font-weight:650;display:grid}.portal-protocol-channel-list select{width:100%;min-height:38px;color:var(--ink-soft);background:var(--surface);font:inherit;border:1px solid #d8deea;border-radius:8px;padding:0 10px}.portal-protocol-channel-list select:hover,.portal-protocol-channel-list select:focus{border-color:var(--accent);background:#fff}.portal-protocol-channel-list small{color:var(--subtle);font:.58rem var(--mono);grid-column:2}.key-warning{background:var(--warning-soft);border:1px solid #efd0aa;border-radius:9px;gap:12px;padding:13px;display:flex}.key-warning>span{width:28px;height:28px;color:var(--warning);background:#ffe5c4;border-radius:7px;flex:0 0 28px;place-items:center;display:grid}.key-warning p{color:#815425;margin:0;font-size:.69rem;line-height:1.6}.key-warning strong{color:#633b16;display:block}.secret-result{gap:14px;display:grid}.secret-result>p{color:var(--muted);margin-bottom:0;font-size:.74rem;line-height:1.6}.secret-result code{overflow-wrap:anywhere;border:1px solid var(--line);color:var(--ink-soft);background:var(--surface-subtle);font:.69rem/1.7 var(--mono);border-radius:8px;padding:14px}.text-button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-size:.69rem}.text-button:hover{color:var(--ink);background:var(--surface-subtle)}.delete-confirm{gap:14px;display:grid}.delete-confirm-icon{width:42px;height:42px;color:var(--danger);background:var(--danger-soft);border-radius:9px;place-items:center;display:grid}.delete-confirm p{color:var(--muted);margin-bottom:0;font-size:.74rem;line-height:1.65}.delete-confirm code{border:1px solid var(--line);color:var(--ink-soft);background:var(--surface-subtle);font:.67rem var(--mono);border-radius:8px;padding:11px 12px}@media (width<=1160px){.setup-panel-body{grid-template-columns:1fr}.setup-code-block{border-top:1px solid var(--line);border-left:0}.setup-code-block pre{min-height:0}}@media (width<=680px){.setup-panel header{padding:13px 15px}.setup-panel-explanation{padding:18px 16px 20px}.setup-code-heading{padding-inline:16px}.setup-code-block pre{padding:17px 16px;font-size:.65rem}.portal-footer{flex-direction:column}.portal-protocol-channel-list label{grid-template-columns:1fr}.portal-protocol-channel-list small{grid-column:auto}.wallet-balance-card{margin-bottom:25px;padding:16px 22px}.wallet-balance-copy>strong{margin-block:12px 8px;font-size:2rem}.wallet-balance-symbol,.wallet-skeleton-symbol{flex-basis:56px;width:56px;height:56px}.wallet-recharge-heading{align-items:flex-start}.wallet-recharge-step{grid-template-columns:1fr;gap:14px;padding:19px 17px}.wallet-step-content>.field{max-width:none}.wallet-recharge-step:first-child .wallet-step-content{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:13px}.wallet-recharge-step:first-child .wallet-step-content>.field{grid-column:1/-1}.notification-row{padding:20px 17px 21px}.notification-row-header{gap:10px;display:grid}.notification-row time{padding-top:0}.portal-notifications-modal{padding:20px 16px 15px}.portal-notifications-modal>header{grid-template-columns:minmax(0,1fr) auto;gap:14px;display:grid}.portal-notifications-modal>header>.icon-close{grid-area:1/2}.portal-notifications-modal>header .modal-header-content{grid-area:2/1/auto/-1;width:100%;margin-left:0}.notifications-filter{width:100%}.portal-notifications-modal-list{max-height:calc(100vh - 190px)}}@media (width<=460px){.wallet-balance-symbol,.wallet-skeleton-symbol{display:none}.wallet-balance-card{padding:14px 18px}.wallet-recharge-heading{flex-direction:column}.wallet-payment-total{flex-direction:column;align-items:flex-end;gap:5px}.wallet-payment-summary small{text-align:left}.recharge-confirm-modal{padding:17px}.recharge-confirm-form .modal-actions .button-primary{min-width:0}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.keys-card,.usage-card,.notifications-card,.wallet-balance-card,.wallet-recharge-card,.wallet-ledger-card{border:1px solid var(--line);border-radius:8px}.key-warning,.portal-channel-checklist,.secret-result code,.delete-confirm code{border-radius:8px}