:root{color:#172033;background:#f5f2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f5f2ec;--panel: #fffdf8;--panel-strong: #ffffff;--ink: #172033;--muted: #6d7482;--line: #e4ddd1;--accent: #2c5f7c;--accent-strong: #183f58;--accent-soft: #e5f0f4;--gold: #b9852f;--green: #47735a;--shadow: 0 18px 45px rgba(31, 42, 55, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(44,95,124,.13),transparent 30rem),linear-gradient(135deg,#f8f5ef,#eee8dd)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid rgba(228,221,209,.9);background:#fffdf8db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-mark{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:.8rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 28px #2c5f7c3d;font-weight:800}.brand-text strong,.brand-text span{display:block}.brand-text strong{letter-spacing:-.02em}.brand-text span{color:var(--muted);font-size:.78rem}.main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.nav-link{border-radius:999px;color:var(--muted);padding:.55rem .85rem;font-size:.92rem;font-weight:650}.nav-link:hover{color:var(--accent-strong);background:var(--accent-soft)}.user-menu{display:flex;align-items:center;gap:.75rem}.user-chip{display:flex;align-items:center;gap:.65rem;color:var(--muted);font-size:.86rem}.avatar{display:grid;width:2.1rem;height:2.1rem;place-items:center;border-radius:50%;background:#efe2cc;color:#825b1c;font-weight:800}.role-pill,.status-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.25rem .6rem;background:var(--accent-soft);color:var(--accent-strong);font-size:.76rem;font-weight:750;text-transform:capitalize}.button{border:0;border-radius:999px;padding:.58rem .95rem;color:#fff;background:var(--accent-strong);cursor:pointer;font-weight:750;box-shadow:0 10px 24px #183f5829}.button:hover{background:#0f3146}.app-main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) 0 4rem}.page-stack{display:grid;gap:1.4rem}.page-hero,.login-card{border:1px solid rgba(228,221,209,.9);border-radius:1.5rem;background:#fffdf8e6;box-shadow:var(--shadow)}.page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:clamp(1.25rem,4vw,2rem)}.eyebrow{margin:0 0 .4rem;color:var(--gold);font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.page-title{margin-bottom:.45rem;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.06em;line-height:.96}.page-subtitle{max-width:48rem;margin-bottom:0;color:var(--muted);line-height:1.65}.metric-grid,.dashboard-grid{display:grid;gap:1rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid rgba(228,221,209,.9);border-radius:1.2rem;background:#fffdf8eb;box-shadow:0 12px 30px #1f2a370f}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem 0}.card-title{margin:0;font-size:1.03rem;letter-spacing:-.02em}.card-body{padding:1.1rem 1.2rem 1.2rem}.metric-card{padding:1.1rem}.metric-label{margin-bottom:.5rem;color:var(--muted);font-size:.82rem;font-weight:750}.metric-value{margin:0;font-size:2rem;font-weight:850;letter-spacing:-.05em}.list-stack{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.list-item{display:grid;gap:.35rem;padding:.9rem;border:1px solid #eee7dc;border-radius:.95rem;background:var(--panel-strong)}.item-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.item-title{margin:0;font-weight:780}.item-meta,.empty-state,.muted{color:var(--muted)}.item-meta{margin:0;font-size:.9rem}.empty-state,.error-state,.loading-state{border:1px dashed #dacfbf;border-radius:1rem;padding:1rem;background:#fffdf8bf}.error-state{color:#8b2f2f;border-color:#efc4bd;background:#fff4f1}.login-page{display:grid;min-height:100vh;place-items:center;padding:1.25rem}.login-card{width:min(100%,460px);padding:clamp(1.5rem,5vw,2.4rem);text-align:center}.login-mark{display:grid;width:4rem;height:4rem;margin:0 auto 1rem;place-items:center;border-radius:1.2rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));font-size:1.45rem;font-weight:850}.login-title{margin-bottom:.6rem;font-size:2.2rem;letter-spacing:-.06em}.login-copy{margin-bottom:1.4rem;color:var(--muted);line-height:1.6}@media (max-width: 820px){.app-header,.page-hero,.user-menu,.item-row{align-items:flex-start;flex-direction:column}.app-header{position:static}.metric-grid,.dashboard-grid{grid-template-columns:1fr}}