:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#050b14;--panel:#0b1422;--panel2:#0e1a2b;--line:#1b2b40;--text:#f4f8ff;--muted:#8395aa;--cyan:#36d7f2;--cyan2:#0ca8d2;--violet:#8b7cf6;--green:#38d39f;--danger:#ff758a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;font-size:18px}.logo>span:last-child>span,.mobile-logo> b>span{color:var(--cyan)}.logo-mark{width:34px;height:34px;position:relative;display:inline-block;filter:drop-shadow(0 0 12px rgba(54,215,242,.22))}.logo-mark:before,.logo-mark:after,.logo-mark i,.logo-mark b{content:"";position:absolute;border:2px solid var(--cyan);transform:rotate(30deg);border-radius:5px}.logo-mark:before{inset:2px 8px}.logo-mark:after{inset:8px 2px}.logo-mark i{inset:7px 11px;border-color:#fff}.logo-mark b{inset:11px 7px;border-color:var(--cyan2)}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.2em;color:#7f93aa}.eyebrow>span{width:26px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(56,211,159,.8);display:inline-block}
/* login */.login-page{overflow-x:hidden;background:radial-gradient(circle at 18% 22%,#0d2740 0,transparent 32%),linear-gradient(135deg,#06101c,#040810 68%);position:relative}.login-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,#000,transparent 72%);pointer-events:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(440px,.82fr)}.login-story{padding:58px clamp(45px,6vw,105px);display:flex;flex-direction:column;justify-content:space-between;position:relative}.logo-large{font-size:21px}.logo-large .logo-mark{width:42px;height:42px}.story-copy{max-width:760px;margin-top:8vh}.story-copy h1{font-size:clamp(48px,5.6vw,84px);line-height:.98;letter-spacing:-.055em;margin:24px 0}.story-copy h1 em{font-style:normal;background:linear-gradient(90deg,#fff 5%,#6ee7f8 55%,#49b6ff);-webkit-background-clip:text;color:transparent}.story-copy>p{font-size:18px;line-height:1.7;color:#8ea3b9;max-width:610px}.trust-row{display:flex;gap:48px;margin-top:55px}.trust-row div{padding-left:16px;border-left:1px solid #22364e}.trust-row strong,.trust-row small{display:block}.trust-row strong{font-size:11px;letter-spacing:.15em}.trust-row small{font-size:12px;color:#71859c;margin-top:5px}.story-footer{display:flex;align-items:center;gap:10px;font-size:12px;color:#63778d}.login-panel{background:linear-gradient(180deg,rgba(12,24,39,.94),rgba(6,14,24,.97));border-left:1px solid rgba(119,163,200,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px;position:relative;box-shadow:-30px 0 90px rgba(0,0,0,.24)}.login-card{width:min(440px,100%)}.mobile-logo{display:none}.login-heading .kicker{font-size:10px;letter-spacing:.2em;color:var(--cyan);font-weight:800}.login-heading h2{font-size:36px;letter-spacing:-.035em;margin:12px 0 8px}.login-heading p{color:var(--muted);margin:0 0 32px}.login-form label{display:block;color:#a9b9c9;font-size:12px;font-weight:700;margin:18px 0 8px}.input-wrap{position:relative}.input-wrap input{width:100%;height:54px;border:1px solid #21354b;background:#08121f;color:#fff;border-radius:12px;padding:0 58px 0 46px;outline:none;transition:.2s}.input-wrap input:focus{border-color:#2abbd6;box-shadow:0 0 0 3px rgba(54,215,242,.08),0 0 28px rgba(54,215,242,.06)}.input-wrap input::placeholder{color:#53667a}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#5f7c98;font-weight:800;font-size:12px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#6edff2;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer}.form-meta{display:flex;justify-content:space-between;gap:12px;color:#60758b;font-size:11px;margin:12px 0 20px}.form-meta a{color:#8fa9c1}.primary-btn{width:100%;height:55px;border:0;border-radius:12px;background:linear-gradient(105deg,#23cbe8,#3f9df5);color:#03111b;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;box-shadow:0 14px 35px rgba(22,184,224,.18)}.primary-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.security-note{margin-top:28px;border:1px solid #19344a;background:rgba(12,31,45,.55);padding:15px;border-radius:12px;display:flex;gap:12px;align-items:flex-start}.shield{width:28px;height:28px;border:1px solid #1b7e78;border-radius:8px;color:var(--green);display:grid;place-items:center;flex:0 0 auto}.security-note strong,.security-note small{display:block}.security-note strong{font-size:12px}.security-note small{color:#6f8398;line-height:1.45;margin-top:3px}.login-legal{position:absolute;bottom:20px;color:#526579;font-size:10px}.alert,.notice{padding:12px 14px;border-radius:10px;font-size:12px;margin:16px 0}.alert{border:1px solid #5a2734;background:#241019;color:#ff9aab}.notice{border:1px solid #25465a;background:#0d202d;color:#a8dced}
/* app */.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#08121f,#060d17);border-right:1px solid #142338;padding:25px 17px 18px;display:flex;flex-direction:column;z-index:30}.side-head{padding:0 8px 24px}.side-close{display:none}.workspace-badge{display:flex;align-items:center;gap:10px;padding:12px;background:#0b1929;border:1px solid #172c43;border-radius:12px;margin-bottom:24px}.workspace-badge>span{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#153f5a,#0e283d);display:grid;place-items:center;color:var(--cyan);font-size:10px;font-weight:900}.workspace-badge small,.workspace-badge strong{display:block}.workspace-badge small{font-size:8px;letter-spacing:.15em;color:#526c85}.workspace-badge strong{font-size:11px;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.side-nav>small{font-size:8px;letter-spacing:.18em;color:#40566e;font-weight:900;margin:17px 10px 7px}.side-nav a{height:42px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#8499ae;font-size:12px;font-weight:650}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(27,118,153,.18),rgba(15,43,64,.22));color:#e7f8ff}.side-nav a.active{box-shadow:inset 2px 0 var(--cyan)}.side-nav a i{font-style:normal;width:22px;color:#5c7892;text-align:center}.side-nav a.active i{color:var(--cyan)}.side-nav a b{margin-left:auto;background:#102337;border:1px solid #1c3851;border-radius:20px;min-width:21px;text-align:center;padding:2px 6px;font-size:9px}.side-nav a b.warn{color:#ffc86b}.side-nav a em{font-style:normal;margin-left:auto;color:var(--cyan);font-size:7px;letter-spacing:.1em;border:1px solid #195166;padding:3px 5px;border-radius:5px}.side-bottom{margin-top:auto}.secure-chip{display:flex;gap:9px;align-items:center;border-top:1px solid #132136;padding:15px 8px}.secure-chip>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0c2b2a;color:var(--green);font-size:10px}.secure-chip strong,.secure-chip small{display:block}.secure-chip strong{font-size:10px}.secure-chip small{font-size:9px;color:#536a81;margin-top:2px}.logout-btn{background:transparent;border:0;color:#6f849a;cursor:pointer;font-weight:700;font-size:11px;display:flex;justify-content:space-between;width:100%;padding:10px}.main-area{grid-column:2;min-width:0}.topbar{height:74px;position:sticky;top:0;z-index:20;background:rgba(5,11,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid #142237;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.top-title small,.top-title strong{display:block}.top-title small{font-size:8px;color:#4f667e;letter-spacing:.17em}.top-title strong{font-size:13px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{width:34px;height:34px;border:1px solid #17283c;background:#0a1421;border-radius:9px;color:#4f7894;font-size:7px}.profile{display:flex;align-items:center;gap:9px;padding-left:16px;border-left:1px solid #18283a}.profile>span{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#12364c,#0d2031);border:1px solid #1e4259;display:grid;place-items:center;color:#8de9f6;font-size:10px;font-weight:900}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{font-size:9px;color:#61768d;margin-top:2px}.menu-btn{display:none}.content{padding:40px clamp(25px,4vw,58px);max-width:1600px;margin:auto}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.hero h1{font-size:clamp(30px,3.3vw,48px);letter-spacing:-.04em;margin:12px 0 6px}.hero p{color:#7f92a8;margin:0;font-size:13px}.hero-status{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #163144;background:#091723;border-radius:10px}.hero-status small,.hero-status strong{display:block}.hero-status small{font-size:7px;letter-spacing:.16em;color:#4e6c82}.hero-status strong{font-size:10px;margin-top:3px;color:#b7c8d6}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{position:relative;overflow:hidden;background:linear-gradient(145deg,#0b1625,#09121e);border:1px solid #17283d;border-radius:15px;padding:18px;min-height:175px}.metric:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;top:-45px;background:currentColor;opacity:.035;box-shadow:0 0 40px currentColor}.metric.cyan{color:var(--cyan)}.metric.violet{color:var(--violet)}.metric.blue{color:#4da4ff}.metric.green{color:var(--green)}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-top small{font-size:8px;letter-spacing:.16em;color:#60758b;font-weight:900}.metric-icon{width:30px;height:30px;border-radius:8px;background:currentColor;color:#07111c;display:grid;place-items:center;font-size:11px;font-weight:900}.metric>strong{display:block;font-size:34px;color:#f2f7fd;margin-top:18px}.metric>p{font-size:10px;color:#60748a;margin:1px 0 18px}.metric>a{font-size:10px;color:#8298ad}.metric>a span{color:currentColor;margin-left:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:14px;margin-top:14px}.panel{background:linear-gradient(145deg,#0a1421,#08111c);border:1px solid #16273b;border-radius:15px;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #142438;padding-bottom:15px}.panel-head small{font-size:7px;letter-spacing:.16em;color:#4c6279}.panel-head h2{font-size:15px;margin:4px 0 0}.panel-head>a{font-size:9px;color:#6b8298}.empty-state{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-orbit{width:58px;height:58px;border:1px solid #1a3b50;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 30px rgba(54,215,242,.05);position:relative}.empty-orbit:after{content:"";position:absolute;inset:7px;border:1px dashed #163346;border-radius:50%}.empty-orbit span{color:var(--cyan);font-size:20px}.empty-state h3{font-size:13px;margin:16px 0 6px}.empty-state p{max-width:370px;color:#5f748a;font-size:10px;line-height:1.6;margin:0 0 16px}.secondary-btn{border:1px solid #1b4960;background:#0b2331;color:#8ee7f4;border-radius:8px;padding:9px 13px;font-size:9px;font-weight:800}.quick-panel .panel-head{margin-bottom:4px}.quick-panel>a{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:14px 2px;border-bottom:1px solid #122235}.quick-panel>a:last-child{border-bottom:0}.qa-icon{width:34px;height:34px;border-radius:9px;background:#0d2131;border:1px solid #17344b;display:grid;place-items:center;color:var(--cyan);font-size:10px;font-weight:900}.quick-panel strong,.quick-panel small{display:block}.quick-panel strong{font-size:10px}.quick-panel small{font-size:9px;color:#536a81;margin-top:3px}.quick-panel>a>b{font-size:12px;color:#4b657d}.activity{margin-top:14px}.live{font-size:8px;color:#5f7b75}.live i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.activity-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:16px 0 0}.activity-icon{width:32px;height:32px;border-radius:9px;background:#0b2828;color:var(--green);display:grid;place-items:center;font-size:10px}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:10px}.activity-row small,.activity-row time{font-size:9px;color:#536a81;margin-top:3px}.app-footer{display:flex;justify-content:space-between;color:#40566d;font-size:8px;padding:25px 3px 0}.overlay{display:none}
/* admin */.admin-wrap{min-height:100vh;background:radial-gradient(circle at 80% 0,#0d263b 0,transparent 28%),#050b14}.admin-header{height:74px;border-bottom:1px solid #142338;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,70px)}.admin-header>div{display:flex;align-items:center;gap:18px}.back-link{font-size:11px;color:#7b91a6}.admin-content{max-width:1250px;margin:auto;padding:55px 30px}.admin-content h1{font-size:42px;margin:12px 0 5px}.lead{color:#75899f}.admin-banner{margin:30px 0 16px;padding:18px;border:1px solid #1a3649;background:#0a1825;border-radius:13px;display:flex;align-items:center;justify-content:space-between}.admin-banner small,.admin-banner strong{display:block}.admin-banner small{font-size:8px;letter-spacing:.15em;color:#567087}.admin-banner strong{font-size:13px;margin-top:4px}.admin-banner>span{font-size:8px;color:#ffca73;border:1px solid #5d4722;background:#241c0c;padding:6px 8px;border-radius:6px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.admin-grid article{border:1px solid #17293d;background:#0a1421;border-radius:13px;padding:18px}.admin-grid small,.admin-grid strong,.admin-grid a{display:block}.admin-grid small{font-size:8px;letter-spacing:.12em;color:#60758b}.admin-grid strong{font-size:32px;margin:16px 0}.admin-grid a{font-size:9px;color:#73dbea}.security-note.wide{max-width:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.login-shell{display:block}.login-story{display:none}.login-panel{min-height:100vh;border:0;padding:32px 22px}.mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:55px;letter-spacing:.08em}.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:.25s;width:275px;box-shadow:25px 0 60px rgba(0,0,0,.5)}.menu-open .sidebar{transform:translateX(0)}.side-close{display:block;position:absolute;right:14px;top:18px;background:none;border:0;color:#7d91a6;font-size:24px}.main-area{display:block}.topbar{padding:0 18px}.menu-btn{display:block;background:none;border:0;color:#b8c7d6;font-size:18px}.top-title{display:none}.profile div{display:none}.content{padding:28px 18px}.hero{align-items:flex-start;flex-direction:column}.hero-status{width:100%}.dashboard-grid{grid-template-columns:1fr}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:25}.menu-open .overlay{display:block}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:155px;padding:14px}.metric>strong{font-size:29px}.metric>a{font-size:9px}.hero h1{font-size:34px}.admin-grid{grid-template-columns:1fr}.admin-header{padding:0 18px}.back-link{display:none}.trust-row{gap:20px}.app-footer{flex-direction:column;gap:8px}.login-heading h2{font-size:32px}}

/* v0.2.5 official WebNexus brand sizing */
.official-logo{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;object-position:left center}.logo-large .official-logo{width:min(300px,100%);max-height:88px}.sidebar .official-logo{width:176px;max-height:54px}.admin-header .official-logo{width:220px;max-height:66px}.mobile-logo .official-logo{width:min(240px,78vw);max-height:72px}@media(max-width:900px){.logo-large .official-logo{width:min(260px,78vw);max-height:76px}.sidebar .official-logo{width:168px}.admin-header .official-logo{width:190px}.mobile-logo .official-logo{width:min(220px,74vw)}}

/* v0.2.6 dashboard polish */
.wn-icon{width:18px;height:18px;display:block}.sidebar .official-logo{width:190px;max-height:58px}.content{max-width:1480px;padding-top:36px}.hero{margin-bottom:28px;align-items:center}.hero h1{font-size:clamp(30px,2.75vw,43px);margin-top:10px}.metric{min-height:166px;padding:19px 20px;transition:border-color .2s,transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-2px);border-color:#26405b;box-shadow:0 15px 35px rgba(0,0,0,.14)}.metric-icon{width:34px;height:34px;color:currentColor;background:rgba(255,255,255,.025);border:1px solid currentColor}.metric-icon .wn-icon{width:17px;height:17px}.metric>strong{font-size:32px;margin-top:15px}.metric>p{margin-bottom:15px}.side-nav a i{display:grid;place-items:center}.side-nav a i .wn-icon{width:15px;height:15px}.secure-chip{position:relative;border:1px solid #173347;background:linear-gradient(135deg,#0a1a27,#08141f);border-radius:11px;padding:11px 10px}.secure-chip>span{background:#0b2b2b}.secure-chip>span .wn-icon{width:13px;height:13px}.secure-live{position:absolute;right:10px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(56,211,159,.8)}.logout-btn{margin-top:6px;align-items:center}.logout-btn .wn-icon{width:14px;height:14px}.top-actions{gap:10px}.action-wrap{position:relative}.icon-btn{display:grid;place-items:center;cursor:pointer;transition:.2s}.icon-btn:hover,.icon-btn[aria-expanded="true"]{border-color:#28506b;background:#0d1d2c;color:#78e4f3}.icon-btn .wn-icon{width:15px;height:15px}.notification-btn{position:relative}.notification-btn>i{position:absolute;right:7px;top:7px;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan)}.profile{border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;padding:4px 8px 4px 16px}.profile>i{font-style:normal;color:#557087;font-size:12px;margin-left:5px}.dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:80;width:270px;background:rgba(8,18,31,.98);border:1px solid #1c3249;border-radius:13px;box-shadow:0 24px 65px rgba(0,0,0,.42);padding:9px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s}.dropdown.open{opacity:1;visibility:visible;transform:none}.dropdown:before{content:"";position:absolute;right:15px;top:-5px;width:9px;height:9px;background:#091321;border-left:1px solid #1c3249;border-top:1px solid #1c3249;transform:rotate(45deg)}.quick-create>small{display:block;color:#526b82;font-size:8px;letter-spacing:.15em;font-weight:900;padding:9px 10px}.quick-create>a{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px;border-radius:9px}.quick-create>a:hover,.profile-menu>a:hover,.profile-menu button:hover{background:#0d1d2c}.quick-create>a>span{width:32px;height:32px;border:1px solid #1a3b51;background:#0b2130;color:var(--cyan);border-radius:8px;display:grid;place-items:center}.quick-create .wn-icon{width:14px;height:14px}.quick-create strong,.quick-create small{display:block}.quick-create strong{font-size:10px}.quick-create small{font-size:8px;color:#5f748a;margin-top:2px}.notifications{width:310px}.dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:8px 9px 12px;border-bottom:1px solid #14273a}.dropdown-head strong{font-size:11px}.dropdown-head span{font-size:8px;color:#60768d}.notification-empty{text-align:center;padding:26px 15px 22px}.notification-empty>span{width:40px;height:40px;border-radius:50%;background:#0b2030;border:1px solid #17364c;color:#69ddeb;display:grid;place-items:center;margin:0 auto 11px}.notification-empty strong,.notification-empty small{display:block}.notification-empty strong{font-size:10px}.notification-empty small{font-size:8px;color:#60758b;line-height:1.5;margin-top:5px}.profile-menu{width:245px}.profile-menu-head{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;border-bottom:1px solid #14273a;margin-bottom:5px}.profile-menu-head>span{width:35px;height:35px;border-radius:9px;background:#103047;border:1px solid #1c455e;color:#8de9f6;display:grid;place-items:center;font-size:9px;font-weight:900}.profile-menu-head strong,.profile-menu-head small{display:block}.profile-menu-head strong{font-size:9px}.profile-menu-head small{font-size:8px;color:#60758b;margin-top:2px}.profile-menu>a,.profile-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:0;background:transparent;color:#9aafc1;border-radius:8px;font-size:9px;text-align:left;cursor:pointer}.profile-menu .wn-icon{width:14px;height:14px}.dropdown-divider{height:1px;background:#14273a;margin:5px 2px}.qa-icon .wn-icon,.activity-icon .wn-icon{width:15px;height:15px}.quick-panel>a{transition:background .18s,padding .18s}.quick-panel>a:hover{background:#0b1826;padding-left:8px;padding-right:8px}.panel{box-shadow:0 8px 25px rgba(0,0,0,.08)}
@media(max-width:820px){.sidebar .official-logo{width:176px}.top-actions{gap:5px}.profile{padding-left:7px}.profile>i{display:none}.dropdown{position:fixed;right:14px;top:70px}.content{max-width:none}.notification-btn{display:grid}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.metric{min-height:145px}.hero h1{font-size:31px}.create-btn{display:none}.notifications{width:min(310px,calc(100vw - 28px))}.profile-menu{width:min(245px,calc(100vw - 28px))}}

/* v0.2.7 typography & readability pass */
:root{--muted:#91a3b6}
/* Sidebar */
.workspace-badge small{font-size:9px}.workspace-badge strong{font-size:12px}.side-nav>small{font-size:9px;color:#526a82}.side-nav a{font-size:13px}.side-nav a b{font-size:10px}.side-nav a em{font-size:8px}.secure-chip strong{font-size:11px}.secure-chip small{font-size:10px;color:#6d8297}.logout-btn{font-size:12px}
/* Topbar */
.top-title small{font-size:9px;color:#657b91}.top-title strong{font-size:14px}.profile strong{font-size:12px}.profile small{font-size:10px;color:#788ca1}
/* Dashboard hierarchy */
.eyebrow{font-size:12px;color:#91a4b8}.hero p{font-size:14px;line-height:1.55;color:#91a3b6}.hero-status small{font-size:9px}.hero-status strong{font-size:11px}.metric small{font-size:9px}.metric>p{font-size:11px;line-height:1.5;color:#8fa2b6}.metric>a{font-size:10px}.panel-kicker{font-size:9px}.panel-head h2,.panel-head h3{font-size:16px}.panel-head>a{font-size:10px}.empty-state strong{font-size:13px}.empty-state p{font-size:11px;line-height:1.55;color:#8ea2b6}.empty-state a{font-size:10px}.quick-panel>a strong{font-size:11px}.quick-panel>a small{font-size:10px;line-height:1.45;color:#7f93a8}.activity-row strong{font-size:11px}.activity-row small{font-size:10px;line-height:1.45;color:#7f93a8}.activity-row>span:last-child{font-size:9px}.app-footer{font-size:9px;color:#60768c}
/* Menus */
.quick-create>small{font-size:9px}.quick-create strong{font-size:11px}.quick-create small{font-size:9px}.dropdown-head strong{font-size:12px}.dropdown-head span{font-size:9px}.notification-empty strong{font-size:11px}.notification-empty small{font-size:9px}.profile-menu-head strong{font-size:10px}.profile-menu-head small{font-size:9px}.profile-menu>a,.profile-menu button{font-size:10px}
/* Login readability */
.login-heading p{font-size:14px;line-height:1.55}.login-form label{font-size:13px}.input-wrap input{font-size:14px}.form-meta{font-size:12px}.security-note strong{font-size:13px}.security-note small{font-size:11px}.login-legal{font-size:11px}
/* Admin */
.back-link{font-size:12px}.lead{font-size:14px;line-height:1.55}.admin-banner small{font-size:9px}.admin-banner strong{font-size:14px}.admin-banner>span{font-size:9px}.admin-grid small{font-size:9px}.admin-grid a{font-size:10px}
@media(max-width:820px){.side-nav a{font-size:14px}.workspace-badge strong{font-size:13px}.hero p{font-size:13px}}
@media(max-width:560px){.metric>a{font-size:10px}.app-footer{font-size:10px}.quick-panel>a strong{font-size:12px}.quick-panel>a small{font-size:10px}}
/* v0.3.0 Security Center */
.security-page{min-height:100vh;background:#06111f;color:#eef7ff}.security-top{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,15,28,.9)}.security-top img{width:190px;max-height:58px;object-fit:contain}.security-top a{color:#a8bfd3;text-decoration:none}.security-content{width:min(1180px,calc(100% - 40px));margin:54px auto 80px}.security-content>h1{font-size:clamp(34px,4vw,54px);margin:10px 0}.security-lead{color:#91a9bd;font-size:17px;margin:0 0 28px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.security-card{padding:28px}.security-card h2,.recovery-box h2,.sessions-box h2{font-size:23px;margin:8px 0 10px}.security-card>p,.recovery-box>p{color:#91a9bd;line-height:1.65}.security-form{display:grid;gap:14px;margin-top:20px}.security-form label{display:grid;gap:7px;color:#cfe0ee;font-size:14px;font-weight:700}.security-form input{width:100%;box-sizing:border-box;background:#071727;border:1px solid #1e3a50;color:#fff;border-radius:10px;padding:13px 14px;font-size:15px}.danger-btn{background:rgba(255,78,99,.08);border:1px solid rgba(255,78,99,.35);color:#ff8494;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}.security-ok{margin:20px 0;padding:13px 15px;border:1px solid rgba(48,211,147,.3);background:rgba(48,211,147,.07);border-radius:10px;color:#65e7b1}.setup-key{display:grid;gap:8px;margin:20px 0;padding:16px;border:1px solid rgba(0,213,255,.22);background:#071727;border-radius:12px}.setup-key code,.uri{overflow-wrap:anywhere;color:#67e8f9;font-size:15px}.setup-key small{color:#8ea6ba}.security-card details{margin:12px 0;color:#9db3c6}.security-card summary{cursor:pointer}.recovery-box,.sessions-box{padding:28px;margin-top:20px}.recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.recovery-grid code{background:#071727;border:1px solid #1b354a;padding:12px;border-radius:8px;color:#dff7ff;text-align:center}.session-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.07)}.session-row div{display:grid;gap:4px}.session-row small{color:#8198aa}.sessions-box .panel-head form{margin:0}.notice,.alert{margin:16px 0;padding:13px 15px;border-radius:10px}.notice{background:rgba(0,213,255,.08);border:1px solid rgba(0,213,255,.25);color:#bdefff}.alert{background:rgba(255,78,99,.08);border:1px solid rgba(255,78,99,.28);color:#ffb2bc}@media(max-width:800px){.security-grid{grid-template-columns:1fr}.recovery-grid{grid-template-columns:1fr}.session-row{grid-template-columns:1fr}.security-top{padding:0 20px}.security-top img{width:155px}}