:root{--brand:#2563eb}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:#f3f4f6;color:#111827;display:flex;min-height:100vh}
.side{width:230px;background:#111827;color:#e5e7eb;padding:18px;display:flex;flex-direction:column;flex-shrink:0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;margin-bottom:22px}.brand img{height:34px;max-width:60px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}
.side nav a{display:block;color:#d1d5db;text-decoration:none;padding:9px 12px;border-radius:8px;margin-bottom:4px}.side nav a:hover{background:var(--brand);color:#fff}
.who{margin-top:auto;font-size:13px}.who a{color:#93c5fd}
main{flex:1;padding:28px;min-width:0}h1{margin:0 0 18px;font-size:24px}
.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0001;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat b{display:block;font-size:30px;color:var(--brand)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #e5e7eb;vertical-align:middle}th{font-size:12px;text-transform:uppercase;color:#6b7280}
label{display:block;margin-bottom:12px;font-weight:600;font-size:13px}input,select{display:block;width:100%;padding:9px;margin-top:4px;border:1px solid #d1d5db;border-radius:8px;font:inherit}
input[type=color]{padding:2px;height:40px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.btn{background:var(--brand);color:#fff;border:0;padding:9px 16px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;font:inherit}
.btn.sec{background:#e5e7eb;color:#111827}.btn.danger{background:#dc2626}.btn.sm{padding:4px 10px;font-size:13px}
.alert{padding:10px 14px;border-radius:8px;margin-bottom:16px}.ok{background:#dcfce7;color:#166534}.err{background:#fee2e2;color:#991b1b}
.badge{padding:2px 8px;border-radius:99px;font-size:12px;background:#e5e7eb}.badge.active{background:#dcfce7;color:#166534}.badge.suspended,.badge.disabled,.badge.inactive{background:#fee2e2;color:#991b1b}
.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e5e7eb}
body.auth{justify-content:center;align-items:center}.auth-box{width:380px;max-width:94vw}
.inline{display:inline}.pager a{margin-right:6px}.cam video,.cam img{width:200px;border-radius:8px;display:block;margin:6px 0}
@media(max-width:760px){body{flex-direction:column}.side{width:auto}}
.badge.s-pending_approval{background:#fef3c7;color:#92400e}.badge.s-in_queue{background:#dbeafe;color:#1e40af}.badge.s-printed{background:#dcfce7;color:#166534}.badge.s-shipped{background:#e0e7ff;color:#3730a3}.badge.s-rejected{background:#fee2e2;color:#991b1b}