:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1024px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;padding:12px 16px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.45}input,select{background:#fff;border:1px solid #d1d5db;border-radius:12px;min-height:44px;padding:0 12px}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#0f172a;flex-direction:column;gap:24px;padding:28px;display:flex}aside h1{margin:0;font-size:24px}nav{gap:10px;display:grid}nav button,.logout{text-align:left;color:#cbd5e1;background:0 0;width:100%}nav button.active,nav button:hover{color:#fff;background:#1e293b}.logout{color:#fecaca;background:#7f1d1d;margin-top:auto}main{padding:32px;overflow:auto}.login-screen{place-items:center;min-height:100vh;display:grid}.login-card,.settings-card,.table-card,.metric{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 60px #0f172a14}.login-card,.settings-card{gap:16px;width:min(440px,100vw - 32px);padding:28px;display:grid}label{color:#374151;gap:8px;font-weight:800;display:grid}.page-header{justify-content:space-between;margin-bottom:22px;display:flex}.page-header h2{margin:0;font-size:30px}.page-header p{color:#6b7280;margin:6px 0 0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metric{gap:12px;padding:24px;display:grid}.metric span{color:#6b7280;font-weight:800}.metric strong{font-size:34px}.filters{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.table-card{overflow:hidden}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px}th{color:#64748b;text-transform:uppercase;font-size:13px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafc}.status{color:#374151;background:#e5e7eb;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.payment_uploaded,.uploaded,.pending_payment{color:#92400e;background:#fef3c7}.confirmed,.approved{color:#166534;background:#dcfce7}.completed{color:#1d4ed8;background:#dbeafe}.cancelled,.rejected{color:#991b1b;background:#fee2e2}.pager{justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.drawer-backdrop{background:#0f172a73;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{color:#111827;background:#fff;width:min(560px,100vw);padding:28px;overflow:auto}.close{color:#111827;background:#e5e7eb;width:auto;margin-bottom:18px}.detail-grid{gap:10px;display:grid}.detail{border-bottom:1px solid #f1f5f9;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;display:grid}.detail span{color:#6b7280}.screenshot{object-fit:contain;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-height:420px;margin:18px 0}.actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.danger{background:#991b1b}.empty,.loader,.notice{color:#6b7280;padding:18px;font-weight:800}.notice.error{color:#991b1b;background:#fee2e2;border-radius:12px}.notice.success{color:#166534;background:#dcfce7;border-radius:12px}