:root{--navy: #0d1b3e;--navy2: #111d3a;--apuRed: #e11d2e;--apuRed2: #b91c1c;--apuBlue: #2563eb;--accent: var(--apuBlue);--accent2: #1d4ed8;--gold: #f59e0b;--success: #10b981;--successBg: #d1fae5;--warning: #f59e0b;--warningBg: #fef3c7;--danger: #ef4444;--dangerBg: #fee2e2;--info: var(--apuBlue);--infoBg: #eff6ff;--escalated: #f97316;--escalatedBg: #fff7ed;--surface: #ffffff;--surfaceAlt: #f7f8fb;--border: #e7ebf2;--borderStrong: #d1d9e6;--ring: rgba(37, 99, 235, .16);--text: #0f172a;--text2: #475569;--muted: #94a3b8;--bg: #f6f8fc;--rSm: 6px;--rMd: 10px;--rLg: 16px;--rXl: 20px;--shadowSm: 0 1px 1px rgba(15, 23, 42, .04), 0 10px 30px rgba(15, 23, 42, .04);--shadowMd: 0 2px 2px rgba(15, 23, 42, .05), 0 18px 40px rgba(15, 23, 42, .07);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}.page-title{font-size:26px;font-weight:800;letter-spacing:-.3px;margin:0}.page-subtitle{margin:6px 0 0;color:var(--muted);font-size:14px;font-weight:500}.sidebar{width:92px;background:#fff;color:var(--text);display:flex;flex-direction:column;border-right:1px solid var(--border)}.sidebar-header{padding:12px 10px;border-bottom:1px solid var(--border);display:grid;place-items:center}.sidebar-logo{height:44px;width:auto;display:block}.sidebar-nav{padding:12px 10px}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;margin:8px 0;border-radius:14px;text-decoration:none;color:#64748b;border:1px solid transparent;font-weight:700;font-size:11px;letter-spacing:.02em}.nav-link:hover{background:#2563eb0f;color:var(--apuBlue)}.nav-link.active{background:#2563eb1a;border-color:#2563eb40;color:var(--apuBlue)}.sidebar-footer{margin-top:auto;padding:14px 10px;border-top:1px solid var(--border);display:grid;place-items:center}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 460px at 18% 10%,rgba(37,99,235,.16),transparent 60%),radial-gradient(700px 380px at 86% 22%,rgba(225,29,46,.12),transparent 60%),linear-gradient(180deg,var(--surfaceAlt),#ffffff)}.login-card{width:100%;max-width:460px;box-shadow:var(--shadowMd)}.logo-stack{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.logo-stack img{height:68px;width:auto}.divider-soft{height:1px;background:var(--border);margin:18px 0}body{margin:0;background:var(--bg);color:var(--text)}.container{max-width:1280px;margin:0 auto;padding:22px 26px}.app-card,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rXl);padding:22px;box-shadow:var(--shadowSm)}.row{display:flex;gap:12px;align-items:center}.spacer{flex:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}input,select,textarea{border:1px solid var(--border);border-radius:var(--rMd);background:#fff;padding:12px 14px;outline:none;font:inherit;color:var(--text);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}input::placeholder,textarea::placeholder{color:var(--muted)}input:disabled,select:disabled,textarea:disabled{background:var(--surfaceAlt);color:var(--muted)}label{font-size:13px;font-weight:600;color:var(--text2)}button{cursor:pointer;border-radius:var(--rMd);border:1px solid var(--borderStrong);background:#fff;padding:10px 14px;font-weight:600;color:var(--text);box-shadow:none;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none}button svg{width:18px;height:18px;flex:0 0 auto}button:hover:not(:disabled){border-color:#c1ccdb;box-shadow:0 1px #0f172a0d,0 8px 20px #0f172a14}button:active:not(:disabled){box-shadow:0 1px #0f172a0d,0 6px 14px #0f172a14}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{border:1px solid rgba(0,0,0,.06);color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:none}.btn-primary:hover:not(:disabled){box-shadow:0 10px 24px #2563eb38}.btn-danger{border:1px solid rgba(0,0,0,.06);color:#fff;background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:none}.btn-ghost{background:transparent;box-shadow:none}.btn-sm{padding:7px 10px;border-radius:10px;font-size:13px}.btn-lg{padding:11px 16px;border-radius:14px;font-size:14px}.btn-danger-outline{border-color:#ef444459;color:var(--danger);background:#ef44440a}.btn-danger-outline:hover:not(:disabled){border-color:#ef44448c;background:#ef44440f}.icon-btn{width:44px;height:44px;padding:0;border-radius:14px}.icon-btn svg{width:18px;height:18px}.pill{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--text2);white-space:nowrap}.pill.admin{background:#e11d2e14;border-color:#e11d2e33;color:#b91c1c}.pill.staff{background:#2563eb1a;border-color:#2563eb38;color:var(--apuBlue)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.btn-link{border:none;background:transparent;box-shadow:none;color:var(--apuBlue);padding:0}a.btn-primary,a.btn-danger,a.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.table-scroll{overflow:auto;border-radius:var(--rLg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadowSm)}table.data-table{width:100%;border-collapse:separate!important;border-spacing:0!important}table.data-table thead th{background:linear-gradient(180deg,var(--surfaceAlt),#fff);color:var(--text2);font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);padding:12px 14px;position:sticky;top:0;z-index:1}table.data-table tbody td{padding:12px 14px;border-bottom:1px solid rgba(230,234,240,.9);vertical-align:middle}table.data-table tbody tr:hover td{background:#2563eb0a}table.data-table tbody tr:nth-child(2n) td{background:#f7f8fb8c}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table td .btn-sm,table.data-table td button{box-shadow:none}table.data-table td button:hover:not(:disabled){box-shadow:0 8px 16px #0f172a14}.status-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.3px}.status-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.status-pending{background:var(--warningBg);color:var(--warning)}.status-under_review{background:var(--infoBg);color:var(--info)}.status-escalated{background:var(--escalatedBg);color:var(--escalated)}.status-approved{background:var(--successBg);color:var(--success)}.status-rejected{background:var(--dangerBg);color:var(--danger)}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (max-width: 820px){.stat-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rLg);padding:14px 16px;box-shadow:var(--shadowSm);cursor:pointer;-webkit-user-select:none;user-select:none}.stat-card .icon{width:44px;height:44px;border-radius:var(--rMd);display:grid;place-items:center;margin-right:14px}.muted{color:var(--muted)}.banner-success{background:var(--successBg);border:1px solid rgba(16,185,129,.3);color:var(--success)}.banner-danger{background:var(--dangerBg);border:1px solid rgba(239,68,68,.3);color:var(--danger)}.banner{border-radius:var(--rMd);padding:14px 16px;font-weight:600}