:root{--ink:#202124;--muted:#777b85;--cream:#fffaf2;--gold:#c8902e;--wine:#5c2333;--line:#ebe3d8;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#f7f4ef;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:255px;background:linear-gradient(180deg,#32141d,#5c2333);color:#fff;padding:24px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px;border-bottom:1px solid #ffffff20}.brand-mark{width:44px;height:44px;border-radius:14px;background:#d39b3b;display:grid;place-items:center;font-size:22px}.brand strong,.brand small{display:block}.brand small{opacity:.7;font-size:12px}.sidebar nav{padding-top:22px;display:grid;gap:7px}.sidebar a{color:#f8edf0;text-decoration:none;padding:12px 14px;border-radius:12px;display:flex;align-items:center;gap:11px}.sidebar a:hover{background:#ffffff18}.sidebar-footer{margin-top:auto}.main{margin-left:255px;width:calc(100% - 255px)}.topbar{padding:24px 30px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:25px;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:14px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700}.content{padding:28px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #3a20220b}.metric-card{padding:20px}.metric-icon{width:45px;height:45px;border-radius:14px;background:#fff2d8;color:#9a650b;display:grid;place-items:center;font-size:21px}.metric-card h3{font-size:29px;margin:18px 0 3px}.metric-card p{margin:0;color:var(--muted)}.panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h2{font-size:18px;margin:0}.status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-pending{background:#fff2d8;color:#8a5c0a}.status-progress{background:#e9f2ff;color:#275b9b}.status-ready{background:#e7f8ee;color:#267645}.btn-brand{background:var(--wine);border-color:var(--wine);color:#fff}.btn-brand:hover{background:#451724;color:#fff}.form-control,.form-select{border-radius:11px;padding:.75rem .85rem;border-color:#ddd2c5}.table>:not(caption)>*>*{padding:.9rem .75rem}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#f2dfbd,transparent 36%),linear-gradient(135deg,#fffaf2,#f3e8e8)}.login-card{width:min(430px,92vw);background:#fff;padding:34px;border-radius:24px;box-shadow:0 25px 80px #41212d22}.login-logo{width:65px;height:65px;border-radius:20px;background:var(--wine);color:#fff;display:grid;place-items:center;font-size:30px;margin-bottom:20px}@media(max-width:900px){.sidebar{width:78px;padding:20px 10px}.brand div,.sidebar a:not(.brand-mark){font-size:0}.brand{justify-content:center;padding-left:0;padding-right:0}.sidebar a{justify-content:center;font-size:0}.sidebar a i{font-size:20px}.main{margin-left:78px;width:calc(100% - 78px)}}@media(max-width:600px){.topbar,.content{padding:18px}.topbar p{display:none}}