.sidebar{position:fixed;inset:18px auto 18px 18px;width:250px;background:linear-gradient(180deg,var(--navy),#071b23);color:#fff;padding:22px 14px 18px;display:flex;flex-direction:column;z-index:2;border-radius:26px;box-shadow:0 24px 70px rgba(11,37,48,.25);overflow:hidden auto}
.sidebar:after{content:"";position:absolute;inset:auto -70px -80px auto;width:190px;height:190px;border-radius:50%;background:rgba(22,160,166,.16);pointer-events:none}
.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 18px;position:relative;z-index:1}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--gold-2),var(--gold));color:#142f36;font:800 23px Georgia;box-shadow:0 12px 30px rgba(217,164,65,.28)}
.brand strong,.brand small{display:block}
.brand strong{font-size:18px;letter-spacing:.2px}
.brand small{font-size:10.5px;opacity:.72;margin-top:2px;text-transform:uppercase;letter-spacing:.7px}
.sidebar nav{display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}
.nav-group{margin:16px 12px 5px;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#6f8d94}
.nav-group:first-child{margin-top:4px}
.sidebar nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:#bdd0d3;text-align:left;padding:10px 12px;border-radius:12px;font:700 13.5px inherit;cursor:pointer;transition:.16s ease}
.sidebar nav button svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.sidebar nav button:hover{background:#ffffff12;color:#fff}
.sidebar nav button.active{background:linear-gradient(90deg,rgba(22,160,166,.30),rgba(255,255,255,.08));color:#fff;border-color:#ffffff1c;box-shadow:inset 3px 0 var(--gold)}
.sidebar-foot{margin-top:auto;padding:14px 12px 4px;color:#a8bdc0;font-size:12px;position:relative;z-index:1}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45c486;margin-right:7px;box-shadow:0 0 0 5px rgba(69,196,134,.12)}
main{margin-left:286px;min-height:100vh;padding:0 42px 56px;position:relative}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:34px 0 24px}
.page-title{min-width:0}
.page-head h1{margin:4px 0 0;font-size:30px;line-height:1.15;letter-spacing:-.03em}
.page-sub{margin:8px 0 0;max-width:72ch;color:var(--muted);font-size:14.5px}
.page-sub:empty{display:none}
.eyebrow{font-size:10.5px;letter-spacing:1.7px;font-weight:900;color:var(--teal);margin:0;text-transform:uppercase}
.user{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff;font-weight:800;box-shadow:var(--shadow-soft)}
.page{display:none;max-width:1380px}
.page.active{display:block;animation:fadeUp .26s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero{position:relative;background:linear-gradient(125deg,#093743,#0d7881 55%,#16a0a6);color:#fff;border-radius:26px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow);overflow:hidden}
.hero:before{content:"";position:absolute;inset:-65px -35px auto auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}
.hero>*{position:relative}
.hero p{margin:0 0 8px;color:#bcecef;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;font-size:11px}
.hero h2{margin:0;max-width:760px;font-size:28px;line-height:1.15;letter-spacing:-.03em}
.hero span{display:block;margin-top:10px;color:#d5f4f3;font-size:14.5px;max-width:62ch}
.cta,.secondary,.link,.export{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r-field);font:800 13.5px inherit;cursor:pointer;text-decoration:none;transition:.16s ease;white-space:nowrap}
.cta{height:var(--h-field);background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#183138;padding:0 20px;box-shadow:0 10px 22px rgba(217,164,65,.22)}
.cta:hover{transform:translateY(-1px);filter:saturate(1.08)}
.cta:disabled{opacity:.55;cursor:not-allowed;transform:none}
.secondary{height:var(--h-field);background:#edf4f3;color:var(--teal);padding:0 18px}
.link{height:34px;background:#edf7f5;color:var(--teal);padding:0 13px;font-size:13px}
.export{height:38px;background:#edf7f5;color:var(--teal);padding:0 16px;margin-left:8px}
.link:hover,.export:hover,.secondary:hover{background:#dcefec}
.link:disabled{opacity:.45;cursor:not-allowed}
.export[aria-disabled=true]{opacity:.45;pointer-events:none}