:root{--primary:#2c82e0;--primary-dark:#1a6fc4;--success:#3cd4a0;--danger:#ef4444;--warning:#f59e0b;--bg:#0f1729;--surface:#1a2332;--surface-hover:#1f2b3e;--border:#2c3e50;--divider:#243044;--text:#eceff4;--text-muted:#a0aec0;--text-dim:#64748b;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--tap-min:44px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font-family:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.page-title{color:var(--text);font-size:18px;font-weight:700;line-height:1.25}@media(min-width:900px){.page-title{font-size:20px}.page-header{margin-bottom:24px}}@media(max-width:640px){.page-header{align-items:stretch;flex-direction:column}}.btn-primary{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-height:var(--tap-min);padding:10px 18px;-webkit-tap-highlight-color:transparent}@media(min-width:900px){.btn-primary{border-radius:var(--radius-sm);font-size:13px;min-height:0;padding:8px 18px}}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;justify-content:center;min-height:40px;padding:8px 16px;-webkit-tap-highlight-color:transparent}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger,.btn-success{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;min-height:40px;padding:8px 14px;-webkit-tap-highlight-color:transparent}.btn-success{background:var(--success);color:#111}.badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.badge-pending{background:#f59e0b26;color:#f59e0b}.badge-confirmed{background:#3cd4a026;color:#3cd4a0}.badge-cancelled{background:#ef444426;color:#ef4444}.badge-completed{background:#6366f126;color:#818cf8}.badge-processing{background:#2c82e026;color:#60a5fa}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}@media(min-width:900px){.table-scroll{margin:0;padding:0}}.data-table{border-collapse:collapse;font-size:13px;min-width:640px;width:100%}.data-table th{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid var(--divider);color:var(--text);padding:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}@media(hover:hover){.data-table tr:hover td{background:var(--surface-hover)}}.mobile-card-stack{display:none;flex-direction:column;gap:12px}.mobile-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.mobile-card-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.mobile-card-row:last-child{margin-bottom:0}.mobile-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mobile-card-actions .btn-danger,.mobile-card-actions .btn-primary,.mobile-card-actions .btn-secondary,.mobile-card-actions .btn-success{flex:1;min-width:calc(50% - 4px)}@media(max-width:899px){.data-table.desktop-only{display:none!important}.mobile-card-stack{display:flex!important}}@media(min-width:900px){.data-table{min-width:0}.mobile-card-stack{display:none!important}}.form-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:16px;outline:none;padding:12px 14px;width:100%}@media(min-width:900px){.form-input{border-radius:var(--radius-sm);font-size:13px;padding:9px 12px}}.form-input:focus{border-color:var(--primary)}.form-label{color:var(--text-muted);display:block;font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.form-group{margin-bottom:16px}.filter-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:10px}.filter-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);flex:1;font-size:16px;min-height:var(--tap-min);min-width:0;outline:none;padding:12px 14px}.filter-input:focus{border-color:var(--primary)}.filter-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;flex:1;font-size:16px;min-height:var(--tap-min);min-width:0;outline:none;padding:12px 14px}@media(min-width:900px){.filter-input{min-width:180px}.filter-input,.filter-select{border-radius:var(--radius-sm);font-size:13px;min-height:0;padding:8px 12px}}@media(max-width:640px){.filter-row{flex-direction:column}.filter-row .btn-primary{width:100%}}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media(min-width:640px){.kpi-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}@media(min-width:900px){.kpi-card{padding:20px}}.kpi-icon{font-size:28px;margin-bottom:8px}.kpi-value{color:var(--text);font-size:28px;font-weight:800;margin-bottom:2px}.kpi-label{color:var(--text-muted);font-size:12px;font-weight:500}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.page-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:13px;padding:6px 12px}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.stack-sm{display:flex;flex-direction:column;gap:12px}@media(min-width:640px){.stack-sm{align-items:center;flex-direction:row;justify-content:space-between}}.pending-pay-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pending-pay-actions .btn-danger,.pending-pay-actions .btn-success{flex:1;min-height:40px;min-width:120px}