:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--apos-primary: #f4a21a;--apos-secondary: #4ddfb4;--apos-bg: #eceaea;--apos-surface: #ffffff;--apos-text: #1f2937;--apos-border: #d9d9d9;--apos-danger-bg: #fee2e2;--apos-danger-border: #fca5a5;--apos-danger-text: #991b1b;color:var(--apos-text);background:var(--apos-bg)}*{box-sizing:border-box}body,h1,h2,p{margin:0}.layout{max-width:1100px;margin:0 auto;padding:40px 24px 24px;display:flex;flex-direction:column;gap:16px}.layout>header{text-align:center;padding-top:8px}.layout>header p{margin:8px 0 0}.card{background:var(--apos-surface);border:1px solid var(--apos-border);border-radius:12px;padding:16px;box-shadow:0 8px 24px #0f172a0f}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-login-shell{display:flex;justify-content:center}.admin-login-card{width:100%;max-width:520px;padding:24px}.inline-form,.stack-form{display:flex;gap:8px}.stack-form{flex-direction:column}input,select,button{padding:10px 12px;border-radius:8px;border:1px solid var(--apos-border);font-size:14px}input:focus,select:focus{outline:2px solid var(--apos-secondary);outline-offset:1px}button{cursor:pointer;background:var(--apos-primary);color:#fff;border:0;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{cursor:not-allowed;opacity:.75}.table-wrap{overflow-x:auto}.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.pagination-status{color:#475569;font-size:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--apos-border);padding:10px 8px;font-size:14px}.alert{padding:14px 16px;border-radius:8px;border:1px solid transparent;font-size:15px;line-height:1.5}.alert-error{background:var(--apos-danger-bg);border-color:var(--apos-danger-border);color:var(--apos-danger-text);font-weight:700}.alert-success{background:#ecfdf3;border-color:#86efac;color:#166534;font-weight:700}.alert-info{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.alert-neutral{background:#f8fafc;border-color:#cbd5e1;color:#475569}.helper-text{margin-bottom:10px;color:#4b5563;font-size:15px}h1{color:#273444;font-size:2rem;line-height:1.2;margin:0}h2{color:var(--apos-text);font-size:1.15rem;margin:0 0 12px}@media(max-width:900px){.grid{grid-template-columns:1fr}.inline-form,.pagination-bar{flex-direction:column}}
