:root{color:#18202f;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:1024px}button,input{font:inherit}button{cursor:pointer}.link-danger{min-height:30px;border:1px solid #fecaca;border-radius:6px;padding:0 10px;background:#fff1f2;color:#be123c;font-weight:700}.admin-layout{display:grid;grid-template-columns:248px 1fr;min-height:100dvh}.sidebar{display:grid;align-content:start;gap:18px;padding:18px;background:#111827;color:#fff}.sidebar strong{font-size:18px}.sidebar nav{display:grid;gap:4px}.sidebar button{min-height:38px;border:0;border-radius:6px;padding:0 10px;background:transparent;color:#cbd5e1;text-align:left}.sidebar button.is-active,.sidebar button:hover{background:#243041;color:#fff}.admin-main{min-width:0;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{margin:0;font-size:24px}.topbar div{display:flex;gap:8px}.topbar button,.login-panel button{min-height:38px;border:0;border-radius:6px;padding:0 14px;background:#2563eb;color:#fff}.topbar .logout-button{border:1px solid #fecaca;background:#fff1f2;color:#be123c;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-grid section,.panel,.table-wrap{border:1px solid #d8dee8;border-radius:8px;background:#fff}.metric-grid section{display:grid;gap:8px;padding:16px}.metric-grid span{color:#64748b}.metric-grid b{font-size:24px}.table-wrap{overflow:hidden}table{width:100%;border-collapse:collapse}th,td{height:44px;border-bottom:1px solid #e5e9f0;padding:0 12px;text-align:left;white-space:nowrap}th{background:#f8fafc;color:#475569;font-size:13px}.status-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 8px;font-size:12px;background:#eef2f7;color:#475569}.status-badge--success{background:#dcfce7;color:#166534}.status-badge--warning{background:#fef3c7;color:#92400e}.status-badge--danger{background:#fee2e2;color:#991b1b}.login-page{display:grid;min-height:100dvh;place-items:center;padding:24px}.login-panel{display:grid;width:min(420px,100%);gap:14px;padding:24px;border:1px solid #d8dee8;border-radius:8px;background:#fff}.login-panel h1{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.form-field{display:grid;gap:6px}.form-field span{color:#475569;font-size:13px;font-weight:700}.form-field input{min-height:40px;border:1px solid #ccd4df;border-radius:6px;padding:0 10px}.settings-panel{display:grid;gap:14px;padding:16px}.permission-grid h2,.permission-grid p{margin:0 0 8px}.permission-grid p{color:#64748b}.permission-table{display:grid;border:1px solid #e5e9f0;border-radius:8px;overflow:hidden}.permission-row{display:grid;grid-template-columns:1fr 120px 120px;gap:12px;align-items:center;min-height:42px;padding:0 12px;border-bottom:1px solid #e5e9f0}.permission-row:last-child{border-bottom:0}.permission-row label{display:flex;align-items:center;gap:8px;color:#475569}.primary-action{justify-self:start;min-height:38px;border:0;border-radius:6px;padding:0 14px;background:#2563eb;color:#fff;font-weight:700}.save-note{color:#166534;font-weight:700}