/* System typography, restrained materials and immediate interaction feedback. */
:root{--bg:#101113;--panel:#1b1d20;--raised:#25282d;--line:#ffffff12;--ink:#f5f5f7;--muted:#a3a6ad;--gold:#8cb8ff;--green:#91d5ac;--red:#ffb4af;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:100%;line-height:1.5;font-optical-sizing:auto;color-scheme:dark}
body{background:radial-gradient(ellipse at 75% 0,#25334b25,transparent 50%),var(--bg)}
h1,h2,h3{font-weight:650}h1{letter-spacing:-.035em;line-height:1.08}p{line-height:1.6}button,input,textarea,select{font-size:.875rem}
button,a{touch-action:manipulation}button{transition:background-color 120ms ease,transform 120ms ease,opacity 120ms ease}button:active,.button:active{transform:scale(.97);transition-duration:60ms}button:disabled{opacity:.55}
.button,.secondary,.danger{min-height:2.75rem;border-radius:.7rem;padding:.7rem 1rem;font-size:.8125rem;gap:.65rem;font-weight:600}
.button{background:#87b2fa;color:#101c30;box-shadow:0 1px 0 #ffffff30 inset}.secondary{background:#ffffff08;border-color:#ffffff16}.danger{background:#ff696017;border-color:#ff8c802b;color:#ffb4af}.small{min-height:2.3rem;padding:.45rem .75rem;font-size:.75rem}
.icon-button{min-width:2.75rem;min-height:2.75rem;border-radius:.65rem;display:inline-grid;place-items:center}
:focus-visible{outline:3px solid #8cb8ff!important;outline-offset:3px!important}
.workspace{grid-template-columns:15.5rem minmax(0,1fr)}
.sidebar{padding:1.75rem 1rem 1rem;background:#1a1c20cc;border-color:#ffffff0b;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);height:100dvh;z-index:5}
.brand{letter-spacing:.06em;font-size:.75rem}.brand small{font-size:.5625rem;letter-spacing:.14em;margin-top:.25rem}.sidebar .brand{padding:0 .5rem;letter-spacing:.04em;font-size:.6875rem}
.sigil,.sidebar .sigil{border-radius:.8rem;background:linear-gradient(145deg,#a3b5ce22,#ffffff04);border-color:#ffffff16;color:#d8c18f;width:2.6rem;height:2.6rem;font-size:1.5rem}
.nav-label{margin:2.25rem .75rem .65rem;font-size:.625rem;letter-spacing:.11em;color:#b2b5bd}
.sidebar nav{overflow-y:auto;min-height:0;padding-bottom:1rem}
.nav-item{font-size:.8125rem;font-weight:500;min-height:2.75rem;padding:.65rem .75rem;border-radius:.65rem;gap:.75rem;margin-bottom:.25rem;color:#b9bcc4}
.nav-item>span{font-size:1.1rem;color:#a3aab7;text-align:center;width:1.25rem}.nav-item.active{background:#75a8fa20;color:#a9caff;box-shadow:0 0 0 1px #a9caff0a inset}.nav-item.active>span{color:inherit}
.nav-item b{font-size:.625rem;color:#c5dafa;background:#91baff22;border-radius:1rem;padding:.1rem .4rem}
.nav-section{display:block;padding:1rem .75rem .45rem;color:#91959f;font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.sidebar-bottom{padding-top:1rem;gap:.65rem}.identity-avatar{background:#8bb3f51c;color:#a9caff;width:2.25rem;height:2.25rem}.identity strong{font-size:.75rem}.identity small{font-size:.625rem}
.main{padding:0 clamp(1.5rem,4vw,4rem) 1.5rem;max-width:100rem;width:100%;margin:0 auto}
.topbar{position:sticky;top:0;height:4rem;z-index:4;background:#101113d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:0;font-size:.6875rem;letter-spacing:.025em}
.topbar::after{content:"";position:absolute;bottom:-1rem;left:0;right:0;height:1rem;background:linear-gradient(#101113b0,transparent);pointer-events:none}.topbar i{margin:0 .75rem;color:#6f737c}.access-tag{font-size:.625rem;color:#a9cfb8}
.page-heading{padding:2.5rem 0 1.75rem;gap:1.5rem}.page-heading .eyebrow{font-size:.625rem;letter-spacing:.1em;color:#949eaf;margin-bottom:.65rem}.page-heading h1{font-size:clamp(1.9rem,3vw,2.75rem);margin-bottom:.6rem}.page-heading p:last-child{font-size:.875rem;max-width:42rem}
.stats{gap:1rem;margin-bottom:1.75rem}.stats[hidden]{display:none}.stat{border-radius:1rem;background:linear-gradient(135deg,#ffffff08,#ffffff02);padding:1.3rem 1.4rem;border-color:#ffffff10}.stat span{font-size:.75rem;color:#b7bac2}.stat strong{font-size:2.25rem;letter-spacing:-.04em;font-weight:600;margin:.75rem 0 .2rem}.stat small{font-size:.6875rem;color:#9daac0}
.card{border-radius:1.1rem;border-color:#ffffff0d;background:#1a1c1f;margin-bottom:1.5rem;box-shadow:0 8px 24px #0000000c}.card-head{padding:1.4rem 1.5rem;border-color:#ffffff09;gap:1rem}.card-head h2{font-size:1rem;letter-spacing:-.015em}.card-head p{font-size:.75rem;margin-top:.35rem;max-width:45rem}.card-body{padding:1.5rem}
.empty{padding:3.25rem 1.5rem;font-size:.8125rem;color:#9da3ae}.empty strong{font-size:1.0625rem;letter-spacing:-.015em;font-weight:600}
table{font-size:.8125rem;min-width:38rem}th{font-size:.625rem;letter-spacing:.07em;background:#ffffff02;padding:1rem 1.5rem;color:#a7acb5;font-weight:600}td{padding:1rem 1.5rem;border-color:#ffffff0a}td small{font-size:.6875rem;margin-top:.3rem;color:#949aa5;overflow-wrap:anywhere}tr:hover td{background:#ffffff02}
.badge{border-radius:2rem;font-size:.6875rem;padding:.3rem .65rem;background:#8cb8ff14;color:#b5cefa}.badge.ACCEPTED,.badge.open{background:#63cd9217;color:#a5dfbd}.badge.REJECTED,.badge.CANCELLED{background:#ff817817}.badge.DRAFT,.badge.EXPIRED{background:#ffffff0b}
.field{font-size:.8125rem;gap:.5rem;margin-bottom:1.25rem}.field>span{color:#d5d8de;font-weight:500}.field small{font-size:.6875rem;line-height:1.6}.form-grid{gap:1.25rem}
input,textarea,select{min-height:2.8rem;border-radius:.65rem;border-color:#ffffff20;background:#111315;color:#f3f4f7;padding:.7rem .85rem;font-size:.875rem;box-shadow:0 1px 3px #0002 inset}input::placeholder,textarea::placeholder{color:#818894;opacity:1}input[type=checkbox]{min-height:auto;width:1.05rem;height:1.05rem;accent-color:#8cb8ff;flex:none}textarea{min-height:6rem}
.question{background:#ffffff02;border-radius:.9rem;padding:1.3rem;border-color:#ffffff14;margin:1.25rem 0}.question h3{font-size:.875rem}.question-head{gap:1rem}.question-tools{gap:.2rem}.check{font-size:.8125rem;line-height:1.5}.form-actions{flex-wrap:wrap;border-color:#ffffff13}
.commands{gap:1rem}.command{border-radius:.9rem;background:#ffffff03;border-color:#ffffff0e;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start}.command h3{font-size:1rem;margin-bottom:.25rem;letter-spacing:-.015em}.command p{font-size:.8125rem;margin:.5rem 0 1rem}.command>.secondary{margin-top:auto}.command small{font-size:.6875rem}
.toolbar{gap:.75rem}.toolbar input{max-width:28rem}.member-role{font-size:.6875rem;background:#ffffff0b}.answer-block h3{font-size:.875rem;color:#b1cafa}.answer-text{font-size:.875rem;line-height:1.7}.meta,.fine{font-size:.75rem}
.notice{border-radius:.8rem;padding:1rem 1.1rem;background:#63cd9210;border-color:#63cd9230;color:#bde8cd;font-size:.8125rem}.notice.error{background:#ff746b10;border-color:#ff827c40;color:#ffc8c3}
dialog{width:min(42rem,calc(100% - 2rem));max-width:42rem;max-height:calc(100dvh - 4rem);padding:1.75rem;border-radius:1.4rem;background:#25272bef;border:1px solid #ffffff20;box-shadow:0 32px 120px #0009,0 1px 0 #ffffff12 inset;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%)}dialog::backdrop{background:#030408a6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-top{margin-bottom:1.25rem;gap:1rem}.modal-top h2{font-size:1.25rem;letter-spacing:-.025em}dialog p{font-size:.8125rem}.dashboard-footer{font-size:.625rem;padding-top:2rem;letter-spacing:.02em}.link{min-height:2.5rem;font-size:.75rem!important}
.landing{max-width:78rem;padding:2.5rem 3rem 1.5rem}.landing-grid{gap:5rem;padding:5rem 0}.landing h1{font-size:clamp(3rem,6vw,5rem);letter-spacing:-.045em;line-height:1.04}.landing h1 em{color:#b6c9e6}.intro{font-size:1rem;line-height:1.75}.landing-note{background:#202329b3;backdrop-filter:blur(20px);padding:2.5rem;border-radius:1.75rem;border-color:#ffffff14}.orbit{border-color:#b8c8df26;color:#d8c18f;box-shadow:0 0 0 14px #ffffff02,0 0 0 15px #ffffff08}.eyebrow{color:#a8b5c9}.landing-note strong{font-size:.9375rem}.landing-note li p{font-size:.8125rem}.landing-note li>span{color:#b8c8df}.landing footer{font-size:.625rem}.landing .fine{max-width:26rem}
@media(hover:hover){.button:hover{background:#a3c5ff}.secondary:hover,.icon-button:hover{background:#ffffff10}.nav-item:hover{background:#ffffff08}.nav-item.active:hover{background:#75a8fa28}}
@media(max-width:1100px){.workspace{grid-template-columns:13.5rem minmax(0,1fr)}.sidebar{padding:1.5rem .7rem 1rem}.main{padding-left:1.5rem;padding-right:1.5rem}.stats{gap:.75rem}.stat{padding:1rem}.stat strong{font-size:2rem}}
@media(max-width:760px){.workspace{display:block}.sidebar{height:auto;position:sticky;top:0;padding:.8rem 1rem .4rem;border-bottom:1px solid #ffffff0d}.sidebar .brand{margin:0 0 .7rem;font-size:.625rem;padding:0}.sidebar .sigil{width:2rem;height:2rem;font-size:1.25rem}.sidebar .brand small{font-size:.5rem}.sidebar nav{display:flex;overflow-x:auto;overflow-y:hidden;gap:.25rem;padding:0 0 .3rem;scrollbar-width:none}.nav-label,.nav-section{display:none}.nav-item{width:auto;flex:none;min-height:2.6rem;padding:.6rem .8rem;font-size:.75rem;gap:.4rem;margin:0}.nav-item>span{display:none}.sidebar-bottom{display:flex;position:absolute;right:1rem;top:.65rem;border:0;padding:0;margin:0}.sidebar-bottom .identity,.sidebar-bottom .identity-avatar{display:none}.topbar{position:relative;height:3rem;background:none;backdrop-filter:none}.topbar::after{display:none}.topbar>span:first-child{font-size:.6rem}.access-tag{font-size:.6rem}.main{padding:0 1rem 1.5rem}.page-heading{padding:1.5rem 0;gap:1rem}.page-heading h1{font-size:2rem}.page-heading p:last-child{font-size:.8125rem}.page-heading>.button{font-size:.75rem;max-width:none;padding:.65rem .8rem;flex-shrink:0}.page-heading .eyebrow{font-size:.5625rem}.stats{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1.25rem}.stat{padding:1rem}.stat strong{font-size:2rem}.stat small{font-size:.625rem}.card{border-radius:1rem}.card-head,.card-body{padding:1.1rem}.card-head{align-items:flex-start;flex-wrap:wrap}.card-head h2{font-size:.9375rem}.card-head p{font-size:.75rem}.form-grid,.commands{grid-template-columns:1fr}.form-grid{gap:0}.toolbar{align-items:stretch}.toolbar input,.toolbar select{max-width:none;width:100%}.toolbar button{width:100%}input,select,textarea{font-size:1rem}.question{padding:1rem}.question-tools .small{padding:.4rem .55rem;min-width:2.4rem}.question-head{align-items:flex-start}.form-actions{gap:.65rem}.form-actions>.button,.form-actions>.danger{flex:1}dialog{border-radius:1.2rem;max-height:calc(100dvh - 2rem);padding:1.25rem;overscroll-behavior:contain}.dashboard-footer{font-size:.625rem;gap:.5rem}.landing{padding:1.5rem}.landing-grid{gap:2.5rem;padding:3.5rem 0}.landing h1{font-size:3.25rem}.landing-note{padding:2rem}.landing footer{flex-wrap:wrap}.empty{padding:2.5rem 1rem}.access-tag i{margin:0}}
@media(max-width:390px){.access-tag{font-size:0}.page-heading{flex-wrap:wrap}.page-heading>.button{max-width:none}.topbar>span:first-child{font-size:.5625rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active,.button:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.sidebar,.topbar,dialog,.landing-note{background:#202226;backdrop-filter:none;-webkit-backdrop-filter:none}dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#030408d9}}
@media(prefers-contrast:more){:root{--muted:#d0d3db;--line:#ffffff60}.sidebar,.topbar,dialog{background:#181a1d;backdrop-filter:none}.card,.question,.command,.stat,input,select,textarea{border-color:#ffffff60}.nav-item{color:#e5e7ec}}

.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff25 transparent}.sidebar nav::-webkit-scrollbar{width:4px;height:3px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff25;border-radius:4px}