:root{color:#f8ead2;background:#07060a;color-scheme:dark;--black: #07060a;--surface: #121014;--surface-soft: #19161d;--surface-raised: #211b23;--paper: #fffaf0;--paper-soft: #f8efe0;--paper-raised: #ffffff;--ink: #201923;--ink-muted: #68596b;--gold: #efca74;--gold-soft: #f8ead2;--gold-muted: #b99a5a;--gold-border: #4e3d20;--gold-border-strong: #8c6a31;--accent-emerald: #48c6a2;--accent-emerald-soft: #14342d;--accent-rose: #df6f8f;--accent-rose-soft: #3a1624;--accent-indigo: #8f90ff;--accent-indigo-soft: #1b1b40;--accent-sky: #6ec7df;--line: #342a35;--paper-line: #ead8b8;--danger-bg: #331014;--danger-text: #ffb8ad;--shadow: #00000073;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-indigo-soft) 26%,transparent),transparent 32rem),linear-gradient(215deg,color-mix(in srgb,var(--accent-emerald-soft) 22%,transparent),transparent 28rem),var(--black)}button,input,select{font:inherit}button{border:0;border-radius:.375rem;background:linear-gradient(135deg,var(--gold),#d89d4e);color:#120f12;padding:.65rem .9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;font-weight:750;transition:transform .14s ease,border-color .14s ease,background .14s ease}button:hover{transform:translateY(-.0625rem)}button:focus-visible,input:focus-visible,select:focus-visible{outline:.125rem solid var(--gold);outline-offset:.125rem}button.ghost{background:color-mix(in srgb,var(--paper-raised) 72%,var(--accent-indigo) 28%);color:var(--ink);border:.0625rem solid color-mix(in srgb,var(--accent-indigo) 48%,var(--paper-line))}button.active{background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--accent-rose) 28%,var(--gold)));color:var(--black)}input,select{width:100%;border:.0625rem solid var(--paper-line);border-radius:.375rem;background:color-mix(in srgb,var(--paper-raised) 88%,var(--accent-sky) 12%);color:var(--ink);padding:.65rem;min-height:2.5rem}input::placeholder{color:var(--ink-muted)}label{display:grid;gap:.35rem;font-size:.9rem;font-weight:650;color:var(--ink)}h1,h2,h3{margin:0;line-height:1.15}.login{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent-rose-soft) 70%,transparent),transparent 28rem),radial-gradient(circle at top right,color-mix(in srgb,var(--accent-emerald-soft) 70%,transparent),transparent 26rem),var(--black)}.login-panel{width:min(26.25rem,100%);display:grid;gap:1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 90%,var(--accent-indigo-soft) 10%),var(--surface));padding:1.25rem;border:.0625rem solid color-mix(in srgb,var(--gold-border-strong) 72%,var(--accent-rose));border-radius:.5rem;box-shadow:0 1.125rem 3.125rem var(--shadow)}.login-panel label{color:var(--gold-soft)}.login-panel h1{color:var(--gold);text-align:center}.auth-logo{width:min(9rem,42vw);justify-self:center;border-radius:50%}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.error{background:var(--danger-bg);color:var(--danger-text);padding:.75rem;border:.0625rem solid color-mix(in srgb,var(--danger-text) 36%,var(--danger-bg));border-radius:.375rem;margin:0}.notice{background:linear-gradient(135deg,color-mix(in srgb,var(--gold-border) 58%,var(--surface)),var(--accent-emerald-soft));color:var(--gold);padding:.75rem;border:.0625rem solid var(--gold-border-strong);border-radius:.375rem;margin:0}.doc-status{display:inline-flex;width:fit-content;align-items:center;border-radius:999rem;padding:.28rem .6rem;font-size:.82rem;font-weight:800}.doc-status.complete{background:var(--accent-emerald-soft);color:#c8f6e4;border:.0625rem solid color-mix(in srgb,var(--accent-emerald) 55%,var(--accent-emerald-soft))}.doc-status.missing{background:var(--danger-bg);color:var(--danger-text);border:.0625rem solid #713030}.shell{min-height:100vh;display:grid;grid-template-columns:15.5rem 1fr}aside{background:linear-gradient(145deg,color-mix(in srgb,var(--paper-raised) 82%,var(--gold) 18%),transparent),linear-gradient(215deg,color-mix(in srgb,var(--accent-rose) 10%,transparent),transparent 18rem),var(--paper);color:var(--ink);padding:1rem;display:flex;flex-direction:column;gap:.45rem;position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;border-right:.0625rem solid var(--paper-line);box-shadow:.7rem 0 2rem color-mix(in srgb,var(--shadow) 44%,transparent)}aside::-webkit-scrollbar{width:.55rem}aside::-webkit-scrollbar-track{background:color-mix(in srgb,var(--paper) 82%,var(--gold) 18%)}aside::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gold-border-strong) 62%,var(--accent-rose));border-radius:999rem}aside h2{font-size:1.15rem;margin-bottom:.75rem;color:var(--ink)}.brand-lockup{display:grid;justify-items:center;gap:.55rem;margin-bottom:.75rem;padding:.85rem;background:linear-gradient(145deg,color-mix(in srgb,var(--paper-raised) 82%,var(--accent-sky) 18%),transparent),var(--paper-raised);border:.0625rem solid var(--paper-line);border-radius:.5rem;box-shadow:0 .5rem 1.5rem color-mix(in srgb,var(--shadow) 54%,transparent)}.brand-lockup img{width:5.5rem;border-radius:50%;box-shadow:0 .45rem 1.25rem color-mix(in srgb,var(--gold-border-strong) 38%,transparent)}aside button{width:100%;justify-content:flex-start;background:color-mix(in srgb,var(--paper-raised) 78%,var(--accent-indigo) 22%);color:var(--ink);border:.0625rem solid color-mix(in srgb,var(--accent-indigo) 34%,var(--paper-line));box-shadow:0 .35rem 1rem color-mix(in srgb,var(--shadow) 28%,transparent)}aside button:hover{background:color-mix(in srgb,var(--paper-raised) 68%,var(--accent-emerald) 32%)}aside button:nth-of-type(3n+1){border-left:.18rem solid var(--gold)}aside button:nth-of-type(3n+2){border-left:.18rem solid var(--accent-emerald)}aside button:nth-of-type(3n){border-left:.18rem solid var(--accent-rose)}aside button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 72%,var(--paper-raised)),var(--paper-raised));color:var(--ink);border-color:color-mix(in srgb,var(--gold-border-strong) 64%,var(--paper-line))}.badge{margin-left:auto;min-width:1.35rem;min-height:1.35rem;padding:.15rem .4rem;border-radius:999rem;background:var(--accent-rose);color:#fff7fb;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:850}.main{min-width:0;padding-bottom:4rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-sky) 18%,transparent),transparent 32rem),linear-gradient(215deg,color-mix(in srgb,var(--accent-rose) 12%,transparent),transparent 30rem),var(--paper);color:var(--ink)}header{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:color-mix(in srgb,var(--paper-raised) 88%,var(--gold) 12%);border-bottom:.0625rem solid var(--paper-line);position:sticky;top:0;z-index:3}header div{display:grid}header strong{color:var(--ink)}.header-brand{display:flex;align-items:center;gap:.7rem}.header-brand img{width:2.25rem;height:2.25rem;border-radius:50%}header span,small,.muted{color:var(--ink-muted);font-size:.84rem}.page{padding:1.25rem;display:grid;gap:1rem}.page h1{color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.stat,.panel,.table{background:linear-gradient(145deg,color-mix(in srgb,var(--paper-raised) 88%,var(--accent-sky) 12%),transparent),var(--paper-raised);border:.0625rem solid var(--paper-line);border-radius:.5rem;padding:1rem;box-shadow:0 .5rem 1.5rem var(--shadow)}.stat{display:grid;gap:.4rem;border-top:.125rem solid color-mix(in srgb,var(--gold) 68%,var(--accent-rose))}.stat:nth-child(3n+1){border-top-color:var(--gold)}.stat:nth-child(3n+2){border-top-color:var(--accent-emerald)}.stat:nth-child(3n){border-top-color:var(--accent-indigo)}.stat span{color:var(--ink-muted);font-size:.85rem}.stat strong{font-size:1.35rem;color:color-mix(in srgb,var(--ink) 80%,var(--gold-border-strong))}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{display:grid;gap:.7rem}.document-panel{align-items:start}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;border-top:.0625rem solid var(--paper-line)}.row strong{color:var(--ink);text-align:right}.row:first-of-type{border-top:0}.row span{display:grid;gap:.15rem;min-width:0}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}button.compact{min-height:1.7rem;padding:.25rem .45rem;font-size:.78rem}td small{display:block;margin-top:.2rem}.approval-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-top:.0625rem solid var(--paper-line)}.approval-row:first-of-type{border-top:0}.approval-row span{display:grid;gap:.2rem;min-width:0}.approval-row button{flex:0 0 auto}.form,.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;align-items:end}.form.entry{grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr))}.inline{max-width:17.5rem}.final{align-self:center;color:color-mix(in srgb,var(--gold-border-strong) 80%,var(--ink))}.table{overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:40rem}th,td{text-align:left;padding:.8rem;border-bottom:.0625rem solid var(--paper-line);vertical-align:top}th{background:color-mix(in srgb,var(--paper-soft) 82%,var(--accent-indigo) 18%);color:color-mix(in srgb,var(--ink) 88%,var(--accent-indigo));font-size:.82rem}td{color:var(--ink)}.calendar-shell{display:grid;gap:.45rem;padding:.65rem;background:linear-gradient(145deg,color-mix(in srgb,var(--paper-raised) 86%,var(--accent-indigo) 14%),transparent),var(--paper-raised);border:.0625rem solid var(--paper-line);border-radius:.5rem;box-shadow:0 .5rem 1.5rem var(--shadow)}.calendar-weekdays,.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.calendar-weekdays span{min-width:0;padding:.35rem .2rem;border-radius:.35rem;background:color-mix(in srgb,var(--paper-soft) 72%,var(--accent-indigo) 28%);color:color-mix(in srgb,var(--ink) 88%,var(--accent-indigo));text-align:center;font-size:.75rem;font-weight:850}.calendar-empty,.calendar button{min-width:0;border-radius:.45rem}.calendar button{display:grid;align-content:start;justify-items:stretch;min-height:7rem;padding:.5rem;gap:.22rem;background:linear-gradient(145deg,color-mix(in srgb,var(--paper-raised) 78%,var(--accent-emerald) 22%),transparent),var(--paper-raised);color:var(--ink);border:.0625rem solid var(--paper-line);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb,var(--paper-raised) 82%,var(--gold) 18%);text-align:left}.calendar button:hover{border-color:color-mix(in srgb,var(--accent-emerald) 60%,var(--gold-border))}.calendar button.selected{background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 58%,var(--paper-raised)),transparent),var(--paper-raised);border-color:color-mix(in srgb,var(--gold-border-strong) 70%,var(--paper-line))}.calendar-empty{min-height:7rem;background:color-mix(in srgb,var(--paper-soft) 72%,var(--paper-raised) 28%);border:.0625rem dashed color-mix(in srgb,var(--paper-line) 72%,transparent)}.calendar b{display:inline-flex;width:fit-content;min-width:1.45rem;min-height:1.45rem;align-items:center;justify-content:center;border-radius:999rem;background:var(--paper-raised);color:var(--ink);font-size:.85rem;box-shadow:0 .2rem .7rem color-mix(in srgb,var(--shadow) 28%,transparent)}.calendar span{color:var(--ink-muted);font-size:.72rem;font-weight:750}.calendar strong{color:color-mix(in srgb,var(--gold-border-strong) 82%,var(--ink));font-size:.78rem}.calendar small,.calendar em{min-width:0;overflow:hidden;padding:.16rem .28rem;border-radius:.25rem;background:color-mix(in srgb,var(--accent-sky) 20%,var(--paper-raised));color:var(--ink);font-size:.68rem;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.profile-panel{align-items:start}.profile-logo{display:grid;justify-content:center;padding-bottom:.5rem}.profile-logo img{width:7rem;border-radius:50%}.bottom{display:none}@media(max-width:52.5rem){.shell{grid-template-columns:1fr}aside{display:none}header{height:auto;gap:1rem;padding:.75rem}.page{padding:.85rem}.stats,.grid.two{grid-template-columns:1fr}.approval-row{align-items:stretch;flex-direction:column}.calendar-shell{gap:.28rem;padding:.35rem}.calendar-weekdays,.calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:.18rem}.calendar-weekdays span{padding:.25rem .05rem;font-size:.62rem}.calendar-empty,.calendar button{min-height:5.25rem;border-radius:.32rem}.calendar button{padding:.25rem;gap:.12rem}.calendar b{min-width:1.2rem;min-height:1.2rem;font-size:.72rem}.calendar span,.calendar strong{font-size:.58rem}.calendar small,.calendar em{padding:.1rem .18rem;font-size:.55rem}.bottom{position:fixed;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(4.625rem,1fr);overflow-x:auto;background:linear-gradient(135deg,color-mix(in srgb,var(--paper-raised) 82%,var(--accent-sky) 18%),transparent),var(--paper);border-top:.0625rem solid var(--paper-line);box-shadow:0 -.5rem 1.4rem color-mix(in srgb,var(--shadow) 36%,transparent);z-index:5}.bottom button{border-radius:0;background:transparent;color:var(--ink);display:grid;gap:.15rem;padding:.5rem;font-size:.72rem}.bottom button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 60%,var(--paper-raised)),var(--paper-raised));color:var(--ink)}}
