@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0a0a0a;--color-primary-dark:#000;--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:#fff;--color-surface-2:#fafafa;--color-border:#e4e4e4;--color-border-light:#eee;--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 #0000000d;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 8px -2px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 12px 24px -4px #00000014, 0 4px 8px -4px #0000000a;--shadow-xl:0 24px 48px -8px #0000001f, 0 8px 16px -4px #0000000f;--shadow-modal:0 32px 64px -12px #0000002e, 0 0 0 1px #0000000d;--sidebar-bg:#111;--sidebar-border:#ffffff0f;--sidebar-text:#ffffff73;--sidebar-text-active:#fff;--sidebar-active-bg:#ffffff14;--sidebar-hover-bg:#ffffff0a;--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);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-size:14px;line-height:1.5}.mono{font-family:var(--font-mono);letter-spacing:0;font-size:.9em}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.4px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.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{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.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{border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-xs);background:#fff}.btn-outline:hover:not(:disabled){background:var(--color-primary-50);border-color:#d0d0d0}.btn-ghost{color:var(--color-text-secondary);background:0 0;padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--color-primary-50)}.btn-sm{border-radius:var(--radius-sm);padding:5px 11px;font-size:12px}.btn-xs{border-radius:var(--radius-xs);padding:3px 8px;font-size:11px}.btn-lg{border-radius:var(--radius-md);padding:11px 22px;font-size:14px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);padding:20px}.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{border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-body);color:var(--color-text);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);letter-spacing:-.01em;background:#fff;padding:8px 12px;font-size:13px}.input:focus,.select:focus{border-color:#888;outline:none;box-shadow:0 0 0 3px #0000000f}.input::placeholder{color:var(--color-text-muted)}.input-lg{border-radius:var(--radius-md);padding:11px 14px;font-size:14px}.checkbox{appearance:none;cursor:pointer;width:15px;height:15px;transition:all var(--transition-fast);background:#fff;border:1.5px solid #d0d0d0;border-radius:4px;flex-shrink:0;position:relative}.checkbox:checked{background:#0a0a0a;border-color:#0a0a0a}.checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.checkbox:hover:not(:checked){border-color:#888}.table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--color-surface-2);color:var(--color-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-bottom:1px solid var(--color-border);z-index:1;padding:10px 16px;font-size:10.5px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:13px 16px}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{border:2px solid #e5e5e5;border-top-color:#0a0a0a;border-radius:50%;width:20px;height:20px;animation:.65s linear infinite spin}@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{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.18s both overlayFadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-2xl);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-modal);animation:fadeInScale .22s var(--ease-out) both;background:#fff;overflow:auto}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);box-shadow:var(--shadow-md);background:#111;padding:5px 10px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a3a3a3}@keyframes slideUpBar{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bulk-bar{color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff12;z-index:100;animation:slideUpBar .28s var(--ease-out) both;background:#111;align-items:center;gap:16px;min-width:340px;padding:12px 20px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=768px){.hide-mobile,.sidebar-desktop{display:none!important}.mobile-logo{display:block!important}.bottom-nav{background:var(--sidebar-bg);z-index:200;height:60px;padding:0;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff14;align-items:stretch;position:fixed;bottom:0;left:0;right:0;display:flex!important}.bottom-nav-item{color:#fff6;font-size:10px;font-weight:500;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;transition:color .12s;display:flex;position:relative}.bottom-nav-item.active{color:#fff}.bottom-nav-item.active:before{content:"";background:#fff;border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:20%;right:20%}.bottom-nav-badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:999px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:4px;right:calc(50% - 18px)}.main-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))!important}.main-header{padding:10px 16px!important}.main-header h1{font-size:16px!important}.tab-content{padding:12px 12px 24px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stats-range-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.ticket-table-wrapper{display:none!important}.ticket-cards{flex-direction:column;gap:8px;display:flex!important}.ticket-card{border:1px solid var(--color-border);box-shadow:var(--shadow-xs);background:#fff;border-radius:12px;padding:14px}.ticket-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.ticket-card-bottom{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:10px;display:flex}.btn{min-height:38px!important;padding:0 14px!important}.btn-xs{min-height:34px!important;padding:0 12px!important;font-size:12px!important}.filters-bar{flex-direction:column!important;align-items:stretch!important}.filters-bar>*{width:100%!important;max-width:100%!important}.filters-bar .select,.filters-bar .input{font-size:16px!important}.modal-content{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:auto 0 0!important}.modal-overlay{align-items:flex-end!important}}.bottom-nav,.ticket-cards{display:none}