*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #0A0A0A;--color-primary-dark: #000000;--color-primary-light: #3A3A3A;--color-primary-50: #F4F4F4;--color-primary-100: #E8E8E8;--color-accent: #0A0A0A;--color-accent-hover: #2A2A2A;--color-accent-light: #F0F0F0;--color-success: #15803D;--color-success-bg: #F0FDF4;--color-success-border: #BBF7D0;--color-warning: #B45309;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-danger: #B91C1C;--color-danger-bg: #FEF2F2;--color-danger-border: #FECACA;--color-info: #1D4ED8;--color-info-bg: #EFF6FF;--color-info-border: #BFDBFE;--color-bg: #F6F6F6;--color-bg-2: #EFEFEF;--color-surface: #FFFFFF;--color-surface-2: #FAFAFA;--color-border: #E4E4E4;--color-border-light: #EEEEEE;--color-text: #0A0A0A;--color-text-secondary: #525252;--color-text-muted: #A3A3A3;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 8px -2px rgba(0,0,0,.08), 0 2px 4px -2px rgba(0,0,0,.04);--shadow-lg: 0 12px 24px -4px rgba(0,0,0,.08), 0 4px 8px -4px rgba(0,0,0,.04);--shadow-xl: 0 24px 48px -8px rgba(0,0,0,.12), 0 8px 16px -4px rgba(0,0,0,.06);--shadow-modal: 0 32px 64px -12px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.05);--sidebar-bg: #111111;--sidebar-border: rgba(255,255,255,.06);--sidebar-text: rgba(255,255,255,.45);--sidebar-text-active: #FFFFFF;--sidebar-active-bg: rgba(255,255,255,.08);--sidebar-hover-bg: rgba(255,255,255,.04);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: .12s var(--ease-in-out);--transition-base: .18s var(--ease-out);--transition-slow: .28s var(--ease-out)}body{font-family:var(--font-body);font-size:14px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-size:.9em;letter-spacing:0}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;line-height:1.4}.badge-pending{background:var(--color-warning-bg);color:#92400e;border:1px solid var(--color-warning-border)}.badge-verified{background:var(--color-success-bg);color:#14532d;border:1px solid var(--color-success-border)}.badge-flagged{background:var(--color-danger-bg);color:#7f1d1d;border:1px solid var(--color-danger-border)}.badge-rejected{background:var(--color-primary-50);color:#525252;border:1px solid var(--color-border)}.badge-invoiced{background:var(--color-info-bg);color:#1e3a8a;border:1px solid var(--color-info-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-.01em}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff0f}.btn-primary:hover:not(:disabled){background:#222}.btn-accent{background:var(--color-primary);color:#fff;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff0f}.btn-accent:hover:not(:disabled){background:#222}.btn-success{background:var(--color-success);color:#fff;box-shadow:0 1px 2px #15803d40}.btn-success:hover:not(:disabled){background:#166534}.btn-warning{background:var(--color-warning);color:#fff;box-shadow:0 1px 2px #b4530940}.btn-warning:hover:not(:disabled){background:#92400e}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 1px 2px #b91c1c40}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-outline{background:#fff;border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-xs)}.btn-outline:hover:not(:disabled){background:var(--color-primary-50);border-color:#d0d0d0}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--color-primary-50)}.btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--radius-sm)}.btn-xs{padding:3px 8px;font-size:11px;border-radius:var(--radius-xs)}.btn-lg{padding:11px 22px;font-size:14px;border-radius:var(--radius-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-flat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px}.input,.select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-body);font-size:13px;background:#fff;color:var(--color-text);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);letter-spacing:-.01em}.input:focus,.select:focus{outline:none;border-color:#888;box-shadow:0 0 0 3px #0000000f}.input::placeholder{color:var(--color-text-muted)}.input-lg{padding:11px 14px;font-size:14px;border-radius:var(--radius-md)}.checkbox{width:15px;height:15px;border-radius:4px;border:1.5px solid #D0D0D0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:all var(--transition-fast);position:relative;background:#fff;flex-shrink:0}.checkbox:checked{background:#0a0a0a;border-color:#0a0a0a}.checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:hover:not(:checked){border-color:#888}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff}table{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--color-surface-2);color:var(--color-text-muted);padding:10px 16px;text-align:left;font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}td{padding:13px 16px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}tbody tr{transition:background var(--transition-fast)}tbody tr:hover td{background:#fafafa}tbody tr:last-child td{border-bottom:none}tbody tr.selected td{background:#f5f5f5}.spinner{width:20px;height:20px;border:2px solid #E5E5E5;border-top-color:#0a0a0a;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s var(--ease-out) both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.fade-in-scale{animation:fadeInScale .25s var(--ease-out) both}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .35s var(--ease-out) both}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayFadeIn .18s ease both}.modal-content{background:#fff;border-radius:var(--radius-2xl);max-width:700px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-modal);animation:fadeInScale .22s var(--ease-out) both}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);padding:5px 10px;background:#111;color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);box-shadow:var(--shadow-md)}[data-tooltip]:hover:after{opacity:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a3a3a3}@keyframes slideUpBar{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.bulk-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#111;color:#fff;border-radius:var(--radius-xl);padding:12px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff12;z-index:100;animation:slideUpBar .28s var(--ease-out) both;min-width:340px}@media (max-width: 768px){.hide-mobile{display:none!important}}