:root{--g:#0b3d32;--g2:#185848;--gold:#d0aa5b;--cream:#f6f1e6;--ink:#18211e;--muted:#728079;--line:#e3e4dd}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial;background:var(--cream);color:var(--ink)}.hide{display:none!important}#login{min-height:100vh;background:var(--g);display:grid;place-items:center}.login{width:390px;background:#fff;padding:42px;border-radius:25px;text-align:center;box-shadow:0 30px 80px #0004}.login .logo,.brand .logo{width:48px;height:48px;border:2px solid var(--gold);border-radius:15px;display:grid;place-items:center;color:var(--gold);font-size:27px;font-weight:800}.login .logo{margin:auto}.login h1{font:40px Georgia;margin:14px 0 4px}.login p{color:var(--muted)}.login input,.login button{width:100%;padding:13px;margin:6px 0;border:1px solid var(--line);border-radius:10px;font:inherit}.login button{background:var(--g);color:#fff;border:0;cursor:pointer}.login small{color:#b33}.brand{display:flex;gap:11px;align-items:center;padding:5px 8px 28px}.brand b{font-size:22px}.brand small{display:block;font-size:9px;color:#c9d9d2;letter-spacing:1px;margin-top:3px}aside{position:fixed;inset:0 auto 0 0;width:265px;background:var(--g);color:#fff;padding:25px 15px}nav button{width:100%;border:0;background:none;color:#d9e4df;text-align:left;padding:11px 12px;border-radius:9px;margin:2px 0;cursor:pointer}nav button:hover,nav button.active{background:var(--g2);color:#fff}main{margin-left:265px;padding:32px 42px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}header span{font-size:10px;color:var(--gold);letter-spacing:1.5px;font-weight:700}h1{margin:6px 0;font-size:32px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.panel{margin-top:17px}.card h3{font-size:12px;color:var(--muted);margin:0 0 8px}.big{font-size:29px;font-weight:750}.sub{font-size:12px;color:var(--muted);margin-top:6px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}.btn{display:inline-block;padding:11px 15px;border:0;border-radius:9px;background:var(--g);color:#fff;text-decoration:none;cursor:pointer}.gold{background:var(--gold);color:#1c281f}.light{background:#edf1ee;color:var(--g)}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{font-size:12px;color:var(--muted)}input,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;margin-top:6px;font:inherit}textarea{min-height:100px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 7px;border-bottom:1px solid var(--line)}th{font-size:10px;color:var(--muted);text-transform:uppercase}.status{padding:5px 8px;border-radius:15px;font-size:11px}.on{background:#def0e5;color:#17613c}.off{background:#f4dfda;color:#8a3a30}.qr{width:280px;border:12px solid #fff;box-shadow:0 8px 25px #0002}.qrwrap{display:flex;gap:35px;align-items:center}.preview{max-width:430px;background:#f4f5f0;padding:16px;border-radius:20px}.bubble{background:#fff;padding:15px;border-radius:12px}.option{padding:9px;border:1px solid #ddd;border-radius:8px;margin:6px 0}.search{display:flex;gap:10px}.search input{margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notice{padding:14px;background:#f3ead5;border-radius:10px;color:#5c4c26;font-size:13px}.empty{text-align:center;padding:30px;color:var(--muted)}@media(max-width:900px){aside{width:210px}main{margin-left:210px;padding:22px}.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}