:root{--accent:#238b78}body{margin:0;background:#f4f6f9;font-family:Inter,system-ui,-apple-system,sans-serif;color:#20314b}h1,h2,h3{font-weight:700;letter-spacing:-.035em}h1{font-size:clamp(28px,3vw,40px)}h3{font-size:18px}.btn-primary{--bs-btn-bg:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-hover-bg:#196453;--bs-btn-hover-border-color:#196453}a{color:var(--accent)}.card{border:1px solid #dfe5ee;border-radius:14px;box-shadow:0 4px 16px #18284005}.topbar{min-height:76px;background:#102b43;color:white;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 28px;position:relative;z-index:10}.brand{color:white;text-decoration:none;font-weight:750;font-size:19px}.header-actions{display:flex;align-items:center;gap:18px}.header-actions details{position:relative}.header-actions summary{cursor:pointer;list-style:none;padding:7px 12px}.menu{position:absolute;right:0;top:100%;min-width:205px;background:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid #d9e1ec;padding:8px;border-radius:10px;box-shadow:0 14px 40px #1113;z-index:20}.menu a,.menu button{display:block;width:100%;background:none;border:0;text-align:left;padding:9px 12px;text-decoration:none;color:inherit;text-transform:capitalize}.menu a:hover,.menu button:hover{background:#8999aa25}.content-width{max-width:1050px;margin:35px auto;padding:0 24px}.field{display:block;width:100%;margin-bottom:18px;font-size:13px;font-weight:600}.field input,.field select,.field textarea{margin-top:7px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:#67cdb7;margin-bottom:22px}.welcome{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;min-height:83vh;padding:70px max(6vw,24px);background:radial-gradient(ellipse at 5% 15%,#164456,transparent 58%),#0c1529;color:#f4f7ff}.welcome.purple{background:radial-gradient(ellipse at 5% 15%,#513765,transparent 58%),#151429}.welcome.forest{background:radial-gradient(ellipse at 5% 15%,#1e5749,transparent 58%),#0c201e}.welcome h1{font-size:clamp(38px,4vw,64px);line-height:1.08;max-width:670px;margin-bottom:25px}.welcome .lead{font-size:17px;color:#adbdce;line-height:1.8}.welcome svg{width:100%;max-height:150px;margin:35px 0;color:#79d6bf}.welcome small{display:block;color:#acbdcd;margin-top:30px;font-size:11px}.welcome-card{background:#f8fafc;color:#1d2a40;border-radius:22px;padding:40px;max-width:480px}.welcome-card h2{font-size:32px;margin-bottom:22px}.welcome-card p{color:#647287}.feature-chips{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#c3d4e3}.feature-chips span{border:1px solid #ffffff25;border-radius:30px;padding:7px 12px}.dashboard-grid{display:grid;grid-template-columns:245px minmax(300px,1fr) 245px;align-items:start;gap:24px;margin:30px 24px}.list-item{display:block;border:0;border-bottom:1px solid #8999aa25;background:none;color:inherit;text-align:left;padding:12px 0;width:100%}.list-item small{display:block;color:#77879b}.quote{padding:15px 0;border-bottom:1px solid #8999aa25;font-size:13px}.quote span{float:right}.quote small{display:block;color:#7d8a9d}.watch-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.chart svg{width:100%;height:auto;margin:25px 0}.admin-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:85vh}.admin-sidebar{background:#182737;padding:30px 18px;color:#c5d2e0}.sidebar-label{font-size:10px;letter-spacing:.18em;margin:0 12px 18px;color:#829bb3}.admin-sidebar a{display:flex;gap:12px;align-items:center;text-decoration:none;color:#c5d2e0;padding:13px 14px;border-radius:8px;margin:4px 0;font-size:13px}.admin-sidebar a.active{background:#197e6d;color:white}.admin-sidebar a:hover{background:#285063}.sidebar-note{font-size:11px;color:#8ba1b7;line-height:1.8;padding:40px 14px}.admin-content{padding:32px;max-width:1600px;width:100%}.small-box{border-radius:12px;min-height:125px}.small-box .inner{padding:20px}.small-box p{font-size:13px}.filter-row{display:flex;gap:12px;max-width:750px}.filter-row select{max-width:145px}.table td,.table th{padding:13px 9px;font-size:13px;vertical-align:middle}.activity-bars>div{display:flex;align-items:center;gap:18px;margin:10px 0}.activity-bars meter{flex:1;height:18px}.preview{border-radius:16px;overflow:hidden;margin:18px 0}.preview .welcome{min-height:400px;gap:30px;padding:35px}.preview .welcome h1{font-size:32px}.preview .welcome-card{padding:25px}.preview .welcome-card h2{font-size:24px}.admin-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at top left,#184f54,#0b1427);padding:25px}.admin-login>.card{width:100%;max-width:470px}.admin-login h1{font-size:28px}footer{padding:25px 30px;color:#7c8898;font-size:11px}footer nav{display:flex;gap:20px;margin-top:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}body[data-theme=dark]{background:#101925;color:#edf3fa}body[data-theme=midnight]{background:#0c0b19;color:#eeeaf9}body[data-theme=midnight] .card{background:#181629}.card,.table{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #40bda7;outline-offset:3px}@media(max-width:1050px){.dashboard-grid{grid-template-columns:210px minmax(0,1fr)}.dashboard-grid>aside:last-child{grid-column:1/-1}.welcome{gap:35px;padding:50px 30px}.admin-layout{grid-template-columns:190px 1fr}.admin-content{padding:24px}}@media(max-width:700px){.topbar{padding:12px 16px;flex-wrap:wrap}.brand{font-size:16px}.welcome{grid-template-columns:1fr;padding:35px 22px;gap:30px}.welcome svg{display:none}.welcome-card{max-width:none;padding:28px}.welcome small{margin-top:18px}.admin-layout{display:block}.admin-sidebar{display:flex;overflow-x:auto;gap:6px;padding:10px}.admin-sidebar a{white-space:nowrap}.sidebar-label,.sidebar-note{display:none}.admin-content{padding:20px 15px}.dashboard-grid{display:flex;flex-direction:column;margin:20px 15px}.dashboard-grid>*{width:100%}.form-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.filter-row{flex-wrap:wrap}.preview .welcome{grid-template-columns:1fr}}