:root{--ink:#14201d;--ink-soft:#3c4a46;--paper:#f7f6f1;--surface:#fff;--line:#dcd9cd;--pine:#1f4d43;--pine-deep:#123028;--pine-tint:#e7efec;--gold:#b8863a;--gold-tint:#f6ecd9;--danger:#a3342a;--danger-tint:#fbeae8;--ok:#2c6b4f;--ok-tint:#e8f3ec;--focus:#2f6fed;--radius-s:6px;--radius-m:10px;--radius-l:16px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow-card:0 1px 2px #1230280f, 0 6px 20px #1230280d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--pine-deep);margin:0 0 .5em;font-weight:600;line-height:1.15}h1{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem);font-weight:700}h2{font-size:1.4rem}h3{font-size:1.1rem}p{max-width:68ch;margin:0 0 1em}a{color:var(--pine)}button,input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}a:focus-visible,button:focus-visible{outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--pine-deep);color:#fff;border-radius:var(--radius-s);z-index:100;padding:.6rem 1rem;text-decoration:none;transition:top .15s;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:1.25rem 1.5rem}.btn{border-radius:var(--radius-m);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4em;padding:.6rem 1.1rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--pine);color:#fff}.btn-primary:hover{background:var(--pine-deep)}.btn-secondary{background:var(--surface);color:var(--pine-deep);border-color:var(--line)}.btn-secondary:hover{border-color:var(--pine)}.btn-danger{background:var(--danger-tint);color:var(--danger)}.btn-danger:hover{background:#f4d6d2}.btn:disabled{opacity:.55;cursor:not-allowed}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{font-size:.92rem;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);padding:.55rem .7rem}.field textarea{resize:vertical;min-height:5rem}.badge{border-radius:999px;align-items:center;gap:.3em;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-ok{background:var(--ok-tint);color:var(--ok)}.badge-warn{background:var(--gold-tint);color:var(--gold)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.badge-muted{background:var(--pine-tint);color:var(--pine-deep)}.alert{border-radius:var(--radius-m);padding:.75rem 1rem;font-weight:500}.alert-error{background:var(--danger-tint);color:var(--danger)}.alert-success{background:var(--ok-tint);color:var(--ok)}.empty-state{text-align:center;color:var(--ink-soft);padding:2.5rem 1rem}.spinner{border:2.5px solid var(--pine-tint);border-top-color:var(--pine);border-radius:50%;width:1.4rem;height:1.4rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;position:sticky;top:0}}.sidebar{background:var(--pine-deep);color:#eef2f0;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;display:flex}.sidebar-brand{font-family:var(--font-display);color:#fff;align-items:baseline;gap:.4rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-brand span{color:var(--gold)}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{border-radius:var(--radius-s);color:#cfe0da;border-left:3px solid #0000;align-items:center;gap:.65rem;padding:.6rem .75rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{border-left-color:var(--gold);color:#fff;background:#ffffff14}.sidebar-link .dot{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;margin-left:auto;padding:0 .3rem;font-size:.72rem;font-weight:700;display:flex}.sidebar-user{border-top:1px solid #ffffff24;margin-top:auto;padding-top:1rem;font-size:.9rem}.sidebar-user .role{color:#a9c4bb;font-size:.82rem}.sidebar-user button{color:#eef2f0;border-radius:var(--radius-s);cursor:pointer;background:0 0;border:1px solid #ffffff4d;width:100%;margin-top:.6rem;padding:.4rem .7rem}.sidebar-user button:hover{background:#ffffff14}.main-area{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:.9rem 1.75rem;display:flex}.topbar h1{margin:0;font-size:1.3rem}.content{flex:1;padding:1.75rem}.content-narrow{max-width:880px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}