:root{--wine:#6d1f38;--wine2:#8b3554;--gold:#b58a3c;--warm:#fbf6ef;--ink:#2c2423;--line:#e7ddd5}*{box-sizing:border-box}body{margin:0;background:var(--warm);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}#app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:var(--wine);color:#fff;padding:20px 14px}.brand{display:block;color:#fff;font-size:24px;font-weight:800;padding:8px 10px 4px}.brand span{color:#f2dcae}.mini{padding:0 10px 18px;color:#e8cfd7;font-size:12px}nav button{display:block;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:12px;border-radius:9px;margin:3px 0;font-size:15px;cursor:pointer}nav button.active,nav button:hover{background:rgba(255,255,255,.14)}main{padding:22px 28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;gap:18px}.head-actions{display:flex;gap:8px;align-items:center}.linkbtn,button{border:0;background:var(--wine);color:#fff;padding:9px 13px;border-radius:8px;cursor:pointer}.linkbtn{display:inline-block}.cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.metric{font-size:27px;font-weight:700;color:var(--wine);margin-top:8px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}th{background:#faf6ef;color:#6f645f;font-size:12px;text-transform:uppercase}td{font-size:13px}.toolbar{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}input,select,textarea{width:100%;padding:11px;border:1px solid #d7ccc4;border-radius:8px;margin:7px 0 12px;background:#fff}.login{min-height:100vh;display:grid;place-items:center}.login form{background:#fff;border:1px solid var(--line);padding:28px;border-radius:14px;width:min(420px,92vw);box-shadow:0 8px 30px rgba(0,0,0,.08)}@media(max-width:850px){#app{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:5;padding:8px}.brand{padding:6px 10px;font-size:20px}nav{display:flex;overflow:auto}nav button{min-width:max-content}main{padding:16px}header{align-items:flex-start;flex-direction:column}.head-actions{width:100%;flex-wrap:wrap}}