:root{--premium-shadow:0 18px 50px rgba(7,59,99,.08);--premium-shadow-hover:0 24px 60px rgba(7,59,99,.14)}
[data-theme="dark"]{--premium-shadow:0 18px 50px rgba(0,0,0,.18);--premium-shadow-hover:0 24px 60px rgba(0,0,0,.3)}
.site-header{height:84px;max-width:none;padding:0 34px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);position:relative;z-index:45}.site-header .brand img{width:194px}.portal-layout{grid-template-columns:292px minmax(0,1fr);min-height:calc(100vh - 84px)}.client-sidebar{padding:26px 20px 22px;background:linear-gradient(180deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 96%,var(--teal)) 100%);gap:24px}.sidebar-user{padding:5px 8px 23px;gap:13px}.user-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff;box-shadow:0 8px 20px rgba(7,59,99,.2);letter-spacing:.03em}.user-avatar.large{width:46px;height:46px;border-radius:14px}.sidebar-user strong{font-size:14px}.sidebar-user small{font-size:12px}.sidebar-nav{gap:5px}.sidebar-nav>a,.sidebar-nav summary{min-height:48px;border-radius:11px;padding:11px 13px;font-size:14px;gap:12px;transition:background .2s,color .2s,transform .2s}.sidebar-nav>a:hover,.sidebar-nav summary:hover{transform:translateX(2px)}.sidebar-nav>a.active{position:relative;font-weight:750;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--teal) 18%,transparent)}.sidebar-nav>a.active:before{content:"";position:absolute;left:-20px;width:3px;height:24px;border-radius:0 4px 4px 0;background:var(--teal)}.nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sidebar-label{font-size:10px;margin:21px 13px 7px}.sidebar-submenu{margin-left:24px;padding:5px 0 5px 24px}.sidebar-submenu a{font-size:13px;padding:9px 11px}.sidebar-help{position:relative;overflow:hidden;padding:19px;border-radius:15px;gap:8px;box-shadow:0 16px 32px rgba(7,59,99,.2)}.sidebar-help:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.07);right:-40px;top:-40px}.help-orb{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.13);margin-bottom:3px}.help-orb svg{width:18px;height:18px;fill:none;stroke:#5de0d7;stroke-width:1.7}.sidebar-help strong{font-size:14px}.sidebar-help small{font-size:12px}.sidebar-help a{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:3px}.sidebar-help a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.portal-main{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--teal-soft) 55%,transparent),transparent 30%),var(--bg)}.portal-main .app-shell{max-width:1240px;padding:58px 48px 90px}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:38px}.dashboard-hero .eyebrow{margin:0 0 10px}.dashboard-hero h1{font-size:44px;margin:0 0 9px;letter-spacing:-.04em}.dashboard-hero h1 span{font-size:.72em}.dashboard-hero>div>p:last-child{margin:0;color:var(--muted);font-size:16px}.btn-icon{display:flex;align-items:center;gap:9px;padding:14px 19px}.btn-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-stats .metric-card{position:relative;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:23px;border-radius:17px;box-shadow:var(--premium-shadow);transition:transform .22s,box-shadow .22s}.dashboard-stats .metric-card:hover{transform:translateY(-4px);box-shadow:var(--premium-shadow-hover)}.metric-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.metric-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.metric-icon.blue{background:#e8f1fb;color:#226da6}.metric-icon.amber{background:#fff3dc;color:#b37116}.metric-icon.teal{background:var(--teal-soft);color:#07867d}[data-theme="dark"] .metric-icon.blue{background:#173950;color:#75b7e7}[data-theme="dark"] .metric-icon.amber{background:#45361d;color:#f1bd67}.metric-card div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:9px}.metric-card small{grid-column:1/-1;font-size:10px!important;letter-spacing:.09em;font-weight:800}.metric-card strong{font-size:34px!important;line-height:1;margin-top:8px}.metric-card p{color:var(--muted);font-size:11px;margin:0}.metric-card>a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--muted)}.metric-card>a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.65fr);gap:18px;margin-top:20px}.welcome-panel,.security-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--premium-shadow)}.welcome-panel{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:34px}.welcome-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#64ded6;box-shadow:0 14px 32px rgba(7,59,99,.22)}.welcome-mark svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6}.welcome-panel h2{font:750 24px/1.25 "Manrope";letter-spacing:-.02em;margin:6px 0 10px}.welcome-panel>div>p:not(.eyebrow){color:var(--muted);line-height:1.65;margin:0;max-width:610px}.panel-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.text-link{display:flex;align-items:center;gap:6px;color:var(--teal);text-decoration:none;font-size:13px;font-weight:750}.text-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.security-card{padding:28px;display:flex;flex-direction:column;align-items:flex-start}.security-card h3{font:750 18px "Manrope";margin:19px 0 7px}.security-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 22px}.security-card a{margin-top:auto;color:var(--teal);text-decoration:none;font-size:13px;font-weight:750}.page-heading h1{font-size:42px}.form-card,.table-card,.empty-state{border-radius:18px;box-shadow:var(--premium-shadow)}
@media(max-width:1120px){.dashboard-stats{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.security-card{min-height:220px}}
@media(max-width:900px){.site-header{height:76px;padding:0 22px}.portal-main .app-shell{padding:42px 26px 72px}.client-sidebar{top:76px}.dashboard-hero{align-items:flex-start}.dashboard-hero h1{font-size:38px}}
@media(max-width:600px){.portal-main .app-shell{padding:34px 18px 60px}.dashboard-hero{display:grid}.dashboard-hero .btn{width:100%;justify-content:center}.dashboard-hero h1,.page-heading h1{font-size:34px}.welcome-panel{grid-template-columns:1fr;padding:26px}.panel-actions{align-items:flex-start;flex-direction:column}.dashboard-stats .metric-card{grid-template-columns:auto 1fr}.metric-card>a{display:none}}