:root{--navy: #0A2342;--maroon: #7B1113;--gold: #D4A017;--green: #3A5A40;--cream: #FFF9F0;--white: #FFFFFF;--bg: #0B1622;--surface: #12202E;--surface-2: #182B3C;--line: #263B4F;--ink: #E7EDF2;--ink-soft: #9DB0C0;--ok: var(--green);--ok-fg: #A6D6AE;--low: var(--gold);--low-fg: #E9C673;--out: var(--maroon);--out-fg: #F0A79A;--accent: var(--gold);--accent-ink: #0B1622;--radius: 10px;--shadow: 0 1px 2px rgba(0,0,0,.35), 0 14px 34px -20px rgba(0,0,0,.6);--font: "Helvetica Neue", Arial, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "DejaVu Sans Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--low-fg)}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}code,.mono{font-family:var(--mono);font-size:.85em}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100%}.side{background:var(--surface);border-right:1px solid var(--line);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.brand{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem 1rem;font-weight:800;letter-spacing:.02em}.brand .dot{width:24px;height:24px;border-radius:6px;background:var(--gold);color:var(--accent-ink);display:grid;place-items:center;font-weight:900}.nav a{display:block;padding:.55rem .7rem;border-radius:8px;color:var(--ink-soft);text-decoration:none;font-size:.95rem}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{background:var(--navy);color:var(--white)}.side .who{margin-top:auto;padding:.7rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft)}.side .who b{color:var(--ink);display:block}.side button.link{background:none;border:0;color:var(--low-fg);cursor:pointer;padding:0;font:inherit}button.link{background:none;border:0;color:var(--low-fg);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.main{padding:clamp(1rem,3vw,2rem);max-width:1100px}.demo-banner{background:color-mix(in srgb,var(--maroon) 30%,transparent);border:1px solid var(--out-fg);color:var(--out-fg);border-radius:8px;padding:.6rem .9rem;font-size:.82rem;margin-bottom:1rem}.demo-banner code{background:#00000040;padding:0 .3em;border-radius:3px}.pagehead{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.pagehead h1{font-size:1.6rem}.pagehead .doc{font-family:var(--mono);font-size:.78rem;color:var(--ink-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow);margin-bottom:1rem}.card h2{font-size:1.05rem}.muted{color:var(--ink-soft)}.todo{border-left:3px solid var(--gold);background:var(--surface-2);padding:.8rem 1rem;border-radius:0 8px 8px 0;font-size:.9rem}.todo b{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--low-fg);display:block;margin-bottom:.25rem}.pill{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px}.pill.ok{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok-fg)}.pill.low{background:color-mix(in srgb,var(--low) 20%,transparent);color:var(--low-fg)}.pill.out{background:color-mix(in srgb,var(--out) 24%,transparent);color:var(--out-fg)}.pill.neutral{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line)}.btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:.55rem 1rem;font-weight:700;cursor:pointer;font:inherit}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line)}th{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}input,select,textarea{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;font:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}label{font-size:.8rem;color:var(--ink-soft);font-weight:700;display:block;margin-bottom:.2rem}.login{min-height:100%;display:grid;place-items:center;padding:2rem}.login .card{width:100%;max-width:360px}.today-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.today-hero .greet{color:var(--ink-soft);font-size:.9rem}.today-hero h1{font-size:1.5rem;margin:.15rem 0 .1rem}.today-hero .headline{font-size:1.05rem;font-weight:700}.clock{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem}.clock .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-soft)}.clock.open .dot{background:var(--ok-fg)}.attn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.attn li{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:8px;background:var(--surface-2);border-left:3px solid var(--line)}.attn li.high{border-left-color:var(--out-fg)}.attn li.medium{border-left-color:var(--low-fg)}.attn li.low{border-left-color:var(--ink-soft)}.attn li a{margin-left:auto;white-space:nowrap;font-size:.82rem}.wf{border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:.8rem}.wf.done{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.wf-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.wf-head h3{font-size:1rem;margin:0}.wf-head .window{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}.wf-head .prog{margin-left:auto;font-family:var(--mono);font-size:.78rem;color:var(--ink-soft)}.wf-steps{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.1rem}.wf-steps li{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:.92rem}.wf-steps li .box{width:18px;height:18px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;flex:none;font-size:.7rem;color:var(--accent-ink);background:var(--bg)}.wf-steps li.on .box{background:var(--ok);border-color:var(--ok);color:var(--white)}.wf-steps li.tickable{cursor:pointer}.wf-steps li.tickable:hover .box{border-color:var(--gold)}.wf-steps li .auto-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:0 .3em}.wf-steps li.on span.lbl{color:var(--ink-soft);text-decoration:line-through}.wf-steps li a.mod{margin-left:auto;font-size:.82rem;white-space:nowrap}.wf-oncomplete{margin-top:.6rem;font-size:.8rem;color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:.5rem}.info-rows{display:grid;grid-template-columns:max-content 1fr;gap:.35rem .9rem;font-size:.9rem}.info-rows dt{color:var(--ink-soft);font-weight:700}.info-rows dd{margin:0}.exec-grid{display:grid;gap:.7rem}.exec-dept{border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem}.exec-dept.ready{border-left:3px solid var(--ok-fg)}.exec-dept.attention{border-left:3px solid var(--out-fg)}.exec-dept h3{font-size:.98rem;margin:0 0 .4rem;display:flex;gap:.5rem;align-items:baseline}.exec-wf{display:flex;flex-wrap:wrap;gap:.3rem .5rem;font-size:.8rem;color:var(--ink-soft)}.exec-wf span{border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem}.exec-wf span.done{color:var(--ok-fg);border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}.lib-tile{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;background:var(--surface-2);display:flex;flex-direction:column;gap:.4rem}.lib-tile h3{font-size:1rem;margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.lib-tile p{margin:0;font-size:.86rem;color:var(--ink-soft)}.lib-tile .soon{font-family:var(--mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:0 .35em;white-space:nowrap}@media (max-width: 720px){.shell{grid-template-columns:1fr}.side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.side .who{display:none}.info-rows{grid-template-columns:1fr;gap:.1rem}.info-rows dd{margin-bottom:.5rem}}