:root{color-scheme:dark;--ink:#eaf4f6;--muted:#a5bac3;--line:#344a53;--cyan:#42d9ed}*{box-sizing:border-box}body{margin:0;background:#0b1216;color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:1100px;margin:40px auto;padding:0 24px}header{position:relative;border-bottom:1px solid var(--line);padding-bottom:28px}h1{font-size:clamp(2.3rem,6vw,4rem);letter-spacing:-.04em;line-height:1.1;margin:14px 0}h2{font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.25;margin-top:12px}h3{margin-top:0}p{color:var(--muted)}.eyebrow{color:var(--cyan);font-size:.73rem;letter-spacing:.12em;font-weight:700}.version{display:inline-block;color:var(--muted);font-size:.8rem}nav{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 38px}button{font:inherit;font-size:.77rem;font-weight:700;letter-spacing:.02em;background:#162831;border:1px solid #3e606c;color:var(--ink);border-radius:7px;padding:12px 16px;min-height:44px;cursor:pointer;white-space:normal}button:hover,button[aria-current]{background:#174b58;border-color:var(--cyan)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}#logout{margin-left:auto}section{margin-bottom:40px}.notice,#status{background:#142b34;border-left:3px solid var(--cyan);padding:15px 18px;overflow-wrap:anywhere}#status.error{border-color:#f3a893}.cards,.metrics,.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}article,.metric,.mailbox,.version-row{background:#111f26;border:1px solid var(--line);padding:22px;border-radius:10px;min-width:0;overflow-wrap:anywhere}.metric strong{font-size:1.9rem;color:var(--cyan);display:block}.metric span{font-size:.8rem;color:var(--muted)}label{display:block;font-size:.9rem;color:var(--muted);min-width:0}input,select{display:block;width:100%;font:inherit;color:var(--ink);background:#0b171d;border:1px solid #48616c;border-radius:6px;padding:11px 12px;min-height:44px;margin:7px 0 18px}form{max-width:850px}#login-form{max-width:440px}.section-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:35px}.section-head h2{margin-right:auto}.section-head label{min-width:145px}.note{font-size:.85rem;max-width:850px}.mailbox,.version-row{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:12px 0}.mailbox h3{margin:0}.mailbox p{margin:4px 0}.trend{display:flex;align-items:flex-end;gap:4px;height:70px;border-bottom:1px solid var(--line);margin:20px 0}.trend span{flex:1;min-width:2px;background:var(--cyan);border-radius:3px 3px 0 0}footer{border-top:1px solid var(--line);margin-top:50px;padding:25px 0;color:var(--muted);font-size:.8rem}[hidden]{display:none!important}@media(max-width:600px){main{padding:0 18px;margin:25px auto}.cards,.fields{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}nav button{flex:1 1 42%}#logout{margin-left:0}.mailbox,.version-row{align-items:flex-start;flex-direction:column}.section-head>*{max-width:100%}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}} 
/* Jane business console: desktop sidebar, shared app materials. */
@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/Orbitron.ttf') format('truetype')}
:root{--cyan:#95ef65;--ink:#eef3f0;--muted:#aeb9b6;--line:#ffffff20}
body{background:radial-gradient(ellipse at 8% 0%,#b7d6c413,transparent 55%),#0d1213;font-family:Arial,Helvetica,sans-serif}
main{max-width:1280px;margin:28px auto;padding:32px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#ffffff07,transparent 55%),#151b1c;box-shadow:inset 0 1px 0 #ffffff16,0 20px 60px #0005}
header{padding-bottom:24px}.admin-brand{font:600 clamp(1.2rem,3vw,1.85rem)/1.4 Orbitron,sans-serif;letter-spacing:.025em;margin-bottom:12px}
h1{font-size:2.25rem;margin:10px 0;letter-spacing:-.02em}h2{font-size:1.4rem}h3{font-size:1.05rem}
header p{margin-bottom:10px}.eyebrow{font-size:.68rem;letter-spacing:.13em}.version{font-size:.75rem}
button{border-radius:12px;background:linear-gradient(140deg,#ffffff0c,#0002),#242c2d;border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff12,0 3px 8px #0003;font-size:.8rem}
button:hover{background:#95ef6514;border-color:#95ef6588}form>button:not([type=button]){background:linear-gradient(145deg,#b2ff88,#8de85b 55%,#67be3c);color:#13220d;border-color:#b8ff94}
input,select{background:#111819;border-color:#ffffff2c;border-radius:10px;box-shadow:inset 0 2px 4px #0004}
.notice,#status{background:linear-gradient(135deg,#ffffff05,#0001),#1b2423;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff09}
article,.metric,.mailbox,.version-row{background:linear-gradient(140deg,#ffffff07,#0001),#1c2425;border-color:var(--line);border-radius:17px;box-shadow:inset 0 1px 0 #ffffff0a,0 6px 16px #0002}
.metric strong{font-family:Orbitron,sans-serif}.metric span{font-size:.8rem}
#workspace{display:grid;grid-template-columns:205px minmax(0,1fr);column-gap:30px;align-items:start;margin-top:28px}
#workspace>nav{grid-column:1;grid-row:1;position:sticky;top:24px;display:flex;flex-direction:column;flex-wrap:nowrap;align-self:start;margin:0;padding:12px;gap:7px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#ffffff05,transparent),#192121}
#workspace>nav button{flex:none;width:100%;min-height:51px;text-align:left;padding:12px;font-size:.76rem;background:transparent;border-color:transparent;box-shadow:none}
#workspace>nav button[data-view]::before{content:'';display:inline-block;width:9px;height:9px;border:1.5px solid currentColor;border-radius:3px;margin-right:9px}
#workspace>nav button[aria-current]{background:#95ef6514;border-color:#95ef6545;color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan)}
#workspace>nav #logout{margin:20px 0 0;border-top:1px solid var(--line);border-radius:0;color:var(--muted)}
#workspace>section{grid-column:2;grid-row:1;min-width:0;margin:0}
footer{font-size:.8rem}
@media(max-width:1350px){main{margin:20px}}
@media(max-width:800px){main{padding:20px;border-radius:20px;margin:14px}#workspace{grid-template-columns:1fr;gap:22px}#workspace>nav{position:static;grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#workspace>nav button{min-width:0;padding:10px}#workspace>nav #logout{margin:0}#workspace>section{grid-column:1;grid-row:auto}}
@media(max-width:360px){main{margin:8px;padding:14px}.admin-brand{font-size:1.08rem}h1{font-size:1.8rem}#workspace>nav{padding:8px;gap:4px}#workspace>nav button{font-size:.68rem}#workspace>nav button[data-view]::before{display:none}}
main{min-width:0;overflow-wrap:anywhere}button{overflow-wrap:anywhere}.admin-brand{font-size:clamp(16px,5vw,30px)}
#workspace>nav button{background:linear-gradient(140deg,#ffffff0d,transparent 60%,#0002);box-shadow:inset 0 1px 0 #ffffff0c,0 2px 4px #0002}
#workspace>nav button[aria-current]{background:linear-gradient(140deg,#a4ef781e,#a4ef7808);box-shadow:inset 3px 0 0 var(--cyan),inset 0 1px 0 #ffffff15}

#staff-roles label{display:flex;align-items:center;gap:12px;margin:12px 0}#staff-roles input[type=checkbox],#publish-acknowledge,#approval-acknowledge,#staff-enabled{display:inline-block;width:22px;height:22px;margin:6px;vertical-align:middle}#approval-values dd{margin:0 0 14px;overflow-wrap:anywhere}#staff-list article,#approval-list article{margin:14px 0}#staff-list button{margin:6px}#signed-in{overflow-wrap:anywhere}fieldset{min-width:0;border:1px solid var(--line)}

#approval-detail,#role-preview{overflow-wrap:anywhere}

.email-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.email-toolbar label{flex:1 1 180px;margin:0}.email-toolbar button{min-height:44px}.mailbox{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;margin:14px 0;border:1px solid var(--line);border-radius:14px}.mailbox>div{flex:1 1 240px;order:-1;min-width:0}.mailbox h3{overflow-wrap:anywhere}.inbox-overview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.inbox-status{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px}.inbox-status strong{overflow-wrap:anywhere}#owner-email-overview{margin:24px 0}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}