:root{--wine:#72183c;--wine2:#4d1029;--gold:#c99a3c;--ink:#221b20;--muted:#71676c;--bg:#f7f4f2;--line:#e5ddda;--ok:#19724a;--warn:#a15c09}*{box-sizing:border-box}body{margin:0;font:15px/1.45 Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 15%,#fff 0,transparent 32%),linear-gradient(135deg,#f8f4f1,#eadfe2)}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:36px;box-shadow:0 22px 65px #4d102924;border-top:5px solid var(--wine)}.login-logo{width:260px;max-width:100%;height:90px;object-fit:contain;object-position:left}.eyebrow{color:var(--wine);font-size:11px;font-weight:800;letter-spacing:2px;margin:12px 0 4px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;margin-bottom:8px}.muted,.title p,.hero p{color:var(--muted)}label{display:grid;gap:7px;font-weight:650;margin:15px 0}input,select{width:100%;padding:12px 13px;border:1px solid #cfc5c8;border-radius:9px;background:#fff}input:focus,select:focus{outline:3px solid #72183c18;border-color:var(--wine)}button{border:0;border-radius:9px;background:var(--wine);color:#fff;padding:11px 17px;font-weight:750;cursor:pointer}button:hover{background:var(--wine2)}.error{color:#b42318;margin:10px 0 0}.message{color:var(--ok);font-weight:700;margin:12px 0 0}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:8px max(20px,calc((100% - 1200px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:13px}.brand img{width:135px;height:52px;object-fit:contain}.brand div{border-left:1px solid var(--line);padding-left:13px}.brand b,.brand small{display:block}.brand small{color:var(--muted);font-size:11px}.user{display:flex;align-items:center;gap:12px}.ghost,.secondary{background:#fff;color:var(--wine);border:1px solid #d7c5cc}.ghost:hover,.secondary:hover{background:#f8eef2}nav{display:flex;gap:5px;padding:12px max(20px,calc((100% - 1200px)/2));background:#fff;border-bottom:1px solid var(--line);overflow:auto}nav button{white-space:nowrap;background:transparent;color:var(--muted);padding:9px 13px}nav button.active{background:#f5e9ee;color:var(--wine)}main{max-width:1200px;margin:auto;padding:26px 20px 60px}.panel{display:none}.panel.active{display:block}.hero{min-height:190px;border-radius:20px;padding:30px;background:linear-gradient(120deg,var(--wine2),var(--wine));color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px #4d102925}.hero h2{font-size:30px;margin-bottom:7px}.hero p{color:#f1dfe6}.hero img{width:130px;height:100px;object-fit:contain;border-radius:14px;background:#fff}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.metric,.card,.item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 5px 15px #40202b0a}.metric strong{display:block;font-size:29px;color:var(--wine)}.metric span{color:var(--muted)}.title{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px}.title h2{margin-bottom:3px}.form{max-width:760px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form button{margin-top:10px}.list{display:grid;gap:12px}.item{display:flex;justify-content:space-between;gap:18px;align-items:center}.item h3{margin-bottom:5px}.item p{margin:2px 0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions input{width:170px;padding:9px}.status{display:inline-block;border-radius:99px;padding:4px 9px;background:#f3e7ec;color:var(--wine);font-size:11px;font-weight:800}pre{white-space:pre-wrap;background:#2a2024;color:#f8edf1;padding:16px;border-radius:10px;max-height:300px;overflow:auto}footer{text-align:center;color:var(--muted);padding:20px}code{background:#eee8e6;padding:2px 5px;border-radius:4px}@media(max-width:720px){.admin-grid{grid-template-columns:1fr}header{height:64px}.brand img{width:88px}.brand div{display:none}.user span{display:none}nav{padding:9px 12px}main{padding:18px 12px 50px}.hero{min-height:150px;padding:22px}.hero img{display:none}.hero h2{font-size:24px}.cards{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.grid{grid-template-columns:1fr}.item{align-items:stretch;flex-direction:column}.actions{display:grid;grid-template-columns:1fr}.actions input{width:100%}.login-card{padding:26px}.title{align-items:center}}