:root{--wine:#762033;--dark:#28221f;--cream:#f7f0df;--paper:#fffaf0;--line:#ded2bd;--muted:#756b5f;--olive:#5d6d3d;--gold:#c69a43;--danger:#b7473f;--ok:#3f7a55;--shadow:0 18px 45px rgba(48,37,28,.14);font-family:Inter,Segoe UI,system-ui,sans-serif;color:#2e2924;background:#f3eadb}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(120deg,rgba(118,32,51,.08),transparent 36%),#f6efe3}.sidebar{position:fixed;inset:0 auto 0 0;width:275px;background:#241f1d;color:#fff7e8;padding:22px 16px;z-index:10}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand div{min-width:0;flex:1}.brand span{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--wine);font-weight:800}.brand strong,.brand small{display:block}.brand small{color:#c9bba6}.sidebar-close,.mobile-menu{display:none!important}nav{display:grid;gap:5px}nav button{display:flex;gap:10px;align-items:center;width:100%;min-height:42px;border:0;border-radius:8px;background:transparent;color:#eadfce;text-align:left;padding:9px 11px;cursor:pointer}nav button.active,nav button:hover{background:rgba(198,154,67,.17);color:#fff}.main{margin-left:275px;padding:22px clamp(14px,3vw,34px) 40px}.topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding-bottom:16px;background:linear-gradient(180deg,#f6efe3 74%,rgba(246,239,227,0))}.topbar h1{margin:0;font-size:clamp(1.45rem,2.5vw,2.25rem)}.topbar small{color:var(--muted)}.page{display:grid;gap:18px}.page-head,.row-actions,.actions{display:flex;gap:10px;align-items:center}.page-head{justify-content:space-between}.panel,.metric,.card,.filters,.table-wrap{border:1px solid var(--line);border-radius:8px;background:rgba(255,250,240,.9);box-shadow:0 8px 28px rgba(49,40,30,.06)}.panel{padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.metric{padding:16px;display:grid;gap:7px}.metric span,.card small{color:var(--muted)}.metric strong{font-size:1.35rem;color:#4e1420}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:14px}.filters label,.form label{display:grid;gap:6px;color:var(--muted);font-weight:650;font-size:.82rem}.filters input,.filters select,.form input,.form select,.form textarea{width:100%;min-height:38px;border:1px solid #cfc2ab;border-radius:8px;background:#fffdfa;color:#2e2924;padding:8px 10px}.filters label{min-width:170px}.filters .grow{flex:1 1 260px}.btn,.icon{border:0;border-radius:8px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn{background:var(--wine);color:#fff7e8;padding:8px 13px;font-weight:750}.btn.secondary{background:#e5d9c4;color:#2e2924}.btn.danger{background:var(--danger)}.icon{width:38px;background:#eee2cd;color:#4e1420}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#f0e6d4;color:#675948;font-size:.78rem;text-transform:uppercase}.badge{display:inline-flex;padding:3px 9px;border-radius:999px;background:#ddd2bf;font-size:.75rem;font-weight:800}.ok{background:#dce9cf;color:#36552c}.warn{background:#efe0b8;color:#73511a}.info{background:#dbe7ea;color:#2e5961}.bad{background:#f0cbc7;color:#81312b}.card{padding:16px;display:grid;gap:10px}.card h3,.panel h2{margin:0}.progress{height:10px;border-radius:999px;background:#e3d7c2;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--olive),var(--gold));border-radius:inherit}.progress span.danger{background:linear-gradient(90deg,var(--gold),var(--danger))}.bar{display:grid;gap:7px}.bar div{display:flex;justify-content:space-between;gap:12px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(31,24,20,.52);padding:20px}.modal-backdrop.hidden{display:none}.modal{width:min(880px,100%);max-height:88vh;overflow:auto;border-radius:8px;background:var(--paper);box-shadow:var(--shadow);padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form .wide{grid-column:1/-1}.toast{padding:10px 14px;border-radius:8px;color:white;background:var(--ok);box-shadow:var(--shadow)}.toast.error{background:var(--danger)}.danger-text{color:var(--danger);font-weight:800}.alert{padding:11px 13px;border-radius:8px;background:#f3dcc5;color:#783820;font-weight:750}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.tile{border:1px solid var(--line);border-radius:8px;background:#fffdfa;padding:13px;display:grid;gap:4px}.tile strong{font-size:1.35rem;color:#4e1420}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-menu,.sidebar-close{display:inline-flex!important}}@media(max-width:640px){.main{padding-inline:12px}.page-head{align-items:stretch;flex-direction:column}.form{grid-template-columns:1fr}.filters label{flex:1 1 100%}.toast{position:fixed;left:12px;right:12px;bottom:12px}}
.timeline{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.timeline .tile strong{font-size:1rem}