.app-shell{grid-template-columns:260px minmax(0,1fr);background:#f2f5f4}.dashboard-sidebar{border-right:0;background:#0d1918;color:#d9e5e2;box-shadow:12px 0 34px rgba(20,45,42,.08);scrollbar-color:#34504c transparent}.dashboard-sidebar .dashboard-brand{min-height:82px;border-color:rgba(255,255,255,.08);padding:0 10px}.dashboard-sidebar .dashboard-brand strong{color:#f4fbf8;font-size:17px}.dashboard-sidebar .dashboard-brand small{color:#76948e}.dashboard-sidebar .brand-logo{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 24px rgba(0,0,0,.22)}.dashboard-sidebar .dashboard-nav{gap:20px;padding-top:22px}.dashboard-sidebar .dashboard-nav-label{color:#6f8b86;padding:0 12px;font-size:11px}.dashboard-sidebar .dashboard-nav-link{min-height:42px;color:#aebfbb;border-radius:7px;padding:0 12px;font-weight:540}.dashboard-sidebar .dashboard-nav-link:hover{background:rgba(255,255,255,.06);color:#ffffff}.dashboard-sidebar .dashboard-nav-link.active{background:#1a3531;color:#ffffff;box-shadow:inset 0 0 0 1px rgba(92,184,167,.12)}.dashboard-sidebar .dashboard-nav-link.active:before{top:8px;bottom:8px;left:-2px;background:#5bc1ae;box-shadow:0 0 14px rgba(91,193,174,.45)}.main{background:#f2f5f4}.topbar{min-height:68px;border-bottom-color:rgba(208,217,214,.8);background:rgba(248,250,249,.9);box-shadow:0 1px 0 rgba(20,45,42,.02)}.breadcrumbs{color:#87948f}.breadcrumbs strong{color:#24322f}.account-menu-trigger,.points-chip{border-color:#dce4e1;background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(20,45,42,.04)}.points-chip{color:#166b60}.account-menu-content{border-color:#dce4e1;box-shadow:0 20px 48px rgba(12,31,28,.18)}.dashboard-content{width:min(100%,1680px);gap:28px;padding:40px clamp(28px,3vw,48px) 56px}.page-heading{min-height:92px;align-items:flex-start}.page-heading h1{margin-top:6px;color:#15231f;font-size:34px;font-weight:720;line-height:1.15}.page-heading p{margin-top:10px;color:#6d7b76;font-size:15px}.page-kicker{display:inline-flex;align-items:center;color:#237e71;font-size:12px;font-weight:750}.page-kicker:before{width:18px;height:2px;margin-right:8px;background:#3b9b8c;content:""}.dashboard-content:not(.dashboard-view-overview)>.section:first-of-type>.section-header:first-child{min-height:84px;align-items:flex-start;margin-bottom:4px}.dashboard-content:not(.dashboard-view-overview)>.section:first-of-type>.section-header:first-child h2{color:#15231f;font-size:30px;font-weight:720;line-height:1.2}.dashboard-content:not(.dashboard-view-overview)>.section:first-of-type>.section-header:first-child p{margin-top:8px;color:#6d7b76;font-size:14px}.card{border-color:#dfe6e3;background:rgba(255,255,255,.96);box-shadow:0 1px 2px rgba(19,42,38,.03),0 10px 28px rgba(19,42,38,.045)}.btn{border-radius:7px;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.btn:not(:disabled):active{transform:translateY(1px)}.btn.primary{background:#176f65;box-shadow:0 7px 18px rgba(23,111,101,.18)}.btn.primary:hover{background:#105e56;box-shadow:0 9px 22px rgba(23,111,101,.24)}.btn.secondary{border-color:#d8e1de;background:#ffffff}.btn.secondary:hover{border-color:#b9cac5;background:#f9fbfa}.overview-grid{gap:18px}.overview-kpi{position:relative;min-height:166px;overflow:hidden;border-color:#dfe6e3;padding:20px}.overview-kpi:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:#d9e5e2;content:""}.overview-kpi:first-child{border-color:#183a35;background:#15332f;box-shadow:0 16px 32px rgba(15,54,48,.17)}.overview-kpi:first-child:after{background:#62c2b0}.overview-kpi:first-child .overview-kpi-header,.overview-kpi:first-child>small{color:#a9c9c2}.overview-kpi:first-child>strong{color:#ffffff}.overview-kpi:first-child .overview-kpi-icon{background:rgba(255,255,255,.1);color:#88dece}.overview-kpi:first-child .btn.secondary{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#ffffff}.overview-kpi:nth-child(2):after{background:#d5a646}.overview-kpi:nth-child(3):after{background:#5683d9}.overview-kpi:nth-child(4):after{background:#6a8f87}.overview-kpi-header{font-size:14px}.overview-kpi>strong{font-size:30px}.overview-kpi>small{color:#77847f;font-size:13px}.dashboard-view-overview .usage-calls-section{margin-top:6px}.dashboard-view-overview .usage-content-header{padding:4px 2px 0}.dashboard-view-overview .usage-table-wrap{overflow:hidden;border-color:#d7e3df;box-shadow:0 10px 28px rgba(18,56,49,.07)}.dashboard-view-overview .usage-compact-table thead{background:#f5f9f7}.dashboard-view-overview .usage-compact-table th{border-bottom-color:#dce8e4;color:#65746e;font-size:11px;font-weight:700;text-transform:uppercase}.dashboard-view-overview .usage-compact-table tbody tr{transition:background .16s ease}.dashboard-view-overview .usage-compact-table tbody tr:hover{background:#f8fbfa}.overview-recent-link{gap:6px;color:#176b60}.section-header h2{color:#1b2a26;font-weight:680}.section-header p{color:#75827d;line-height:1.65}.analysis-tabs{border-color:#d8e1de;background:#e9eeec}.analysis-tabs button{color:#68756f;font-weight:580}.analysis-tabs button.active{background:#ffffff;color:#174f48;box-shadow:0 1px 2px rgba(20,45,42,.06),0 4px 12px rgba(20,45,42,.07)}.analysis-card{min-height:390px;border-color:#dae3e0;padding:26px}.empty-chart{border-color:#d8e2df;background-color:#f7f9f8;background-image:linear-gradient(#e9efed 1px,transparent 0),linear-gradient(90deg,#e9efed 1px,transparent 0);background-size:42px 42px;color:#7c8a85}.health-panel{border-left:3px solid #4b9d90}.panel{border-color:#dfe6e3}.key-summary-grid{gap:14px}.key-summary-grid .stat-card{min-height:112px;padding:20px}.key-summary-grid .stat-card .value{color:#193c36;font-size:32px}.table-wrap{border-color:#dbe4e1;box-shadow:0 10px 30px rgba(19,42,38,.045)}.table-wrap,table{background:#ffffff}th{border-bottom-color:#dfe6e3;background:#f7f9f8;color:#697770;font-size:11px;letter-spacing:.04em}td{border-bottom-color:#edf1f0}tbody tr{transition:background .14s ease}tbody tr:hover{background:#f8fbfa}.pill,.status{border-radius:999px;font-weight:680}.form-grid{gap:14px}.field input,.field-input,.table-input{border-color:#d8e1de;background:#ffffff;color:#26332f}.field input:focus,.field-input:focus,.table-input:focus{border-color:#4a9d90;box-shadow:0 0 0 3px rgba(74,157,144,.12)}.filter-panel,.usage-filter-panel{background:#f8faf9;box-shadow:none}.empty-state-panel{display:grid;min-height:330px;place-items:center;border:1px dashed #cbd9d5;border-radius:8px;background:rgba(255,255,255,.72);padding:32px;text-align:center}.empty-state-content{display:grid;max-width:420px;gap:12px;justify-items:center}.empty-state-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:8px;background:#e6f4f1;color:#187367}.empty-state-content h3{margin:4px 0 0;color:#1a2b27;font-size:19px}.empty-state-content p{margin:0 0 6px;color:#74817c;font-size:14px;line-height:1.7}.dashboard-content-skeleton{display:grid;gap:20px}.dashboard-skeleton-grid>div,.dashboard-skeleton-heading,.dashboard-skeleton-panel{border:1px solid #e0e8e5;background:linear-gradient(90deg,#edf2f0,#f8faf9 48%,#edf2f0);background-size:220% 100%;animation:dashboard-skeleton-shimmer 1.4s ease-in-out infinite}.dashboard-skeleton-heading{width:min(360px,70%);height:84px;border-radius:8px}.dashboard-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-skeleton-grid>div{min-height:154px;border-radius:8px}.dashboard-skeleton-panel{min-height:380px;border-radius:8px}@keyframes dashboard-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (min-width:981px) and (max-width:1280px){.dashboard-skeleton-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.model-id-row{border-color:#dbe4e1;background:#f5f8f7}.doc-code-block{border-color:#1f3532;background:#10201e;box-shadow:0 14px 28px rgba(12,31,28,.12)}.doc-code-header{background:#172b28}.drawer-panel{border-left:0;box-shadow:-28px 0 64px rgba(12,31,28,.2)}.drawer-header{background:#f8faf9}.confirm-modal{border-color:#dce4e1;box-shadow:0 28px 70px rgba(12,31,28,.22)}.sales-page-heading h2{color:#15231f;font-size:30px}.channel-info-metric,.sales-summary-stat{border-color:#d9e3df}.channel-rail-item.active{background:#e4f3f0;color:#155f56}.error,.notice{box-shadow:0 6px 18px rgba(19,42,38,.04)}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.mobile-nav-panel{background:#0d1918;color:#d9e5e2}.mobile-nav-panel .mobile-nav-header{border-color:rgba(255,255,255,.09)}.mobile-nav-panel .dashboard-brand{border-color:transparent}.mobile-nav-panel .dashboard-brand strong{color:#ffffff}.mobile-nav-panel .dashboard-brand small,.mobile-nav-panel .dashboard-nav-label{color:#6f8b86}.mobile-nav-panel .dashboard-nav-link{color:#afc0bc}.mobile-nav-panel .dashboard-nav-link.active,.mobile-nav-panel .dashboard-nav-link:hover{background:#1a3531;color:#ffffff}.mobile-nav-panel .icon-btn{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#ffffff}.dashboard-content{padding:28px 24px 44px}.dashboard-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dashboard-content{padding:24px 16px 36px}.page-heading{min-height:auto}.dashboard-content:not(.dashboard-view-overview)>.section:first-of-type>.section-header:first-child h2,.page-heading h1,.sales-page-heading h2{font-size:26px}.dashboard-content:not(.dashboard-view-overview)>.section:first-of-type>.section-header:first-child{min-height:auto}.overview-kpi{min-height:150px}.overview-kpi>strong{font-size:30px}.analysis-card{min-height:330px;padding:18px}.empty-state-panel{min-height:280px}.dashboard-skeleton-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.btn,.dashboard-skeleton-grid>div,.dashboard-skeleton-heading,.dashboard-skeleton-panel,tbody tr{animation:none;transition:none}}