:root{--color-primary:#176b57;--color-primary-hover:#13584a;--color-primary-light:#e8f5f0;--color-primary-subtle:#d1ede4;--color-primary-rgb:23,107,87;--color-bg:#f7faf9;--color-bg-elevated:#fff;--color-bg-muted:#f0f4f3;--color-bg-inset:#e8edeb;--color-surface:#fff;--color-surface-hover:#f5f8f7;--color-border:#dbe7e1;--color-border-muted:#e8f0ec;--color-sidebar-bg:#0f1923;--color-sidebar-text:#a0b3bf;--color-sidebar-text-active:#fff;--color-sidebar-hover:#ffffff0f;--color-sidebar-active:#176b5733;--color-sidebar-accent:#2dd4a8;--color-sidebar-border:#ffffff14;--color-text:#17212b;--color-text-secondary:#4a5c6a;--color-text-muted:#7a8f9e;--color-text-inverse:#fff;--color-text-link:#176b57;--color-success:#059669;--color-success-bg:#ecfdf5;--color-success-text:#065f46;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-text:#991b1b;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-info-text:#1e40af;--badge-pending-bg:#fffbeb;--badge-pending-text:#92400e;--badge-pending-border:#fde68a;--badge-assigned-bg:#eff6ff;--badge-assigned-text:#1e40af;--badge-assigned-border:#bfdbfe;--badge-completed-bg:#ecfdf5;--badge-completed-text:#065f46;--badge-completed-border:#a7f3d0;--badge-cancelled-bg:#fef2f2;--badge-cancelled-text:#991b1b;--badge-cancelled-border:#fecaca;--badge-paid-bg:#ecfdf5;--badge-paid-text:#065f46;--badge-paid-border:#a7f3d0;--badge-unpaid-bg:#f3f4f6;--badge-unpaid-text:#4b5563;--badge-unpaid-border:#d1d5db;--badge-failed-bg:#fef2f2;--badge-failed-text:#991b1b;--badge-failed-border:#fecaca;--badge-refunding-bg:#fffbeb;--badge-refunding-text:#b45309;--badge-refunding-border:#fde68a;--badge-refunded-bg:#f5f3ff;--badge-refunded-text:#6b21a8;--badge-refunded-border:#ddd6fe;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"Cascadia Code",monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.65;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px;--content-max-width:1280px;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px rgba(var(--color-primary-rgb),.15);--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34,1.56,.64,1);--z-sidebar:40;--z-topbar:30;--z-dropdown:50;--z-modal-backdrop:60;--z-modal:70;--z-toast:80;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-blur:blur(12px)}@media (prefers-color-scheme:dark){:root{--color-primary:#2dd4a8;--color-primary-hover:#26b892;--color-primary-light:#2dd4a81f;--color-primary-subtle:#2dd4a814;--color-primary-rgb:45,212,168;--color-bg:#0b1120;--color-bg-elevated:#131c2e;--color-bg-muted:#1a2540;--color-bg-inset:#0d1526;--color-surface:#162032;--color-surface-hover:#1c2a44;--color-border:#1e2d45;--color-border-muted:#182438;--color-sidebar-bg:#070d18;--color-sidebar-border:#ffffff0d;--color-text:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0b1120;--color-text-link:#2dd4a8;--badge-pending-bg:#d9770626;--badge-pending-text:#fbbf24;--badge-pending-border:#d977064d;--badge-assigned-bg:#2563eb26;--badge-assigned-text:#60a5fa;--badge-assigned-border:#2563eb4d;--badge-completed-bg:#05966926;--badge-completed-text:#34d399;--badge-completed-border:#0596694d;--badge-cancelled-bg:#dc262626;--badge-cancelled-text:#f87171;--badge-cancelled-border:#dc26264d;--badge-paid-bg:#05966926;--badge-paid-text:#34d399;--badge-paid-border:#0596694d;--badge-unpaid-bg:#64748b26;--badge-unpaid-text:#94a3b8;--badge-unpaid-border:#64748b4d;--badge-failed-bg:#dc262626;--badge-failed-text:#f87171;--badge-failed-border:#dc26264d;--badge-refunding-bg:#d9770626;--badge-refunding-text:#fbbf24;--badge-refunding-border:#d977064d;--badge-refunded-bg:#9333ea26;--badge-refunded-text:#c084fc;--badge-refunded-border:#9333ea4d;--color-success:#34d399;--color-success-bg:#05966926;--color-success-text:#6ee7b7;--color-warning:#fbbf24;--color-warning-bg:#d9770626;--color-warning-text:#fde68a;--color-danger:#f87171;--color-danger-bg:#dc262626;--color-danger-text:#fca5a5;--color-info:#60a5fa;--color-info-bg:#2563eb26;--color-info-text:#93bbfd;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #00000059,0 8px 10px -6px #0003;--shadow-glow:0 0 20px rgba(var(--color-primary-rgb),.25);--glass-bg:#162032b3;--glass-border:#ffffff0f}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}img,svg{max-width:100%;display:block}table{border-collapse:collapse;width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input,select,textarea{color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12);outline:none}input::-moz-placeholder{color:var(--color-text-muted)}textarea::-moz-placeholder{color:var(--color-text-muted)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{clip:rect(0,0,0,0);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute}.sr-only,.truncate{white-space:nowrap;overflow:hidden}.truncate{text-overflow:ellipsis}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-nowrap{white-space:nowrap}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card,.card-glass{padding:var(--space-6)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.grid-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.grid-2{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header h1{font-size:var(--text-2xl)}.page-header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.page-content{padding:var(--space-6) var(--space-8);max-width:var(--content-max-width)}@media (width<=768px){.page-content{padding:var(--space-4)}}.filters-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filters-bar input,.filters-bar select{width:auto;min-width:160px}.tab-nav{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex;overflow-x:auto}.tab-nav button{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000}.tab-nav button:hover{color:var(--color-text)}.tab-nav button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.fade-in,.skeleton{animation:none}}.skeleton{background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-inset) 50%,var(--color-bg-muted) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{width:80%;height:1em;margin-bottom:var(--space-2)}.skeleton-card{border-radius:var(--radius-lg);height:120px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:.7s linear infinite spin}:root{color:#17212b;background:#f7faf9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{margin:0}.site-header{background:#fff;border-bottom:1px solid #dbe7e1;justify-content:space-between;align-items:center;padding:1rem 5vw;display:flex}.brand{color:#176b57;font-weight:800;text-decoration:none}nav{gap:1rem;display:flex}nav a{color:#176b57;text-decoration:none}