@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=DM+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&family=Nunito:wght@300;400;500;600;700;800;900&family=Raleway:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Sora:wght@300;400;500;600;700;800&family=Figtree:wght@300;400;500;600;700;800;900&family=Urbanist:wght@300;400;500;600;700;800;900&family=Lexend:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&family=Bricolage+Grotesque:wght@300;400;500;600;700;800&family=Geist:wght@300;400;500;600;700;800;900&family=Cabinet+Grotesk:wght@400;500;700;800;900&family=Satoshi:wght@300;400;500;700;900&family=General+Sans:wght@300;400;500;600;700&family=Switzer:wght@300;400;500;600;700;800&family=Instrument+Sans:wght@400;500;600;700&family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Exo+2:wght@300;400;500;600;700;800&family=Josefin+Sans:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&family=Mulish:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}img,svg{display:block}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}:root{--brand: #F97316;--brand-l: #FFF7ED;--brand-m: #FED7AA;--brand-d: #EA6C0A;--brand-grad: linear-gradient(135deg, #F97316 0%, #FB923C 100%);--bg: #F7F8FA;--bg2: #F0F1F5;--surface: #FFFFFF;--surface2: #F9FAFB;--border: #E5E7EB;--border2: #D1D5DB;--text1: #111827;--text2: #4B5563;--text3: #9CA3AF;--text4: #D1D5DB;--sidebar-bg: #0F172A;--sidebar-bg2: #1E293B;--sidebar-border: rgba(255,255,255,.06);--sidebar-text: rgba(255,255,255,.55);--sidebar-text-active: #FFFFFF;--sidebar-active-bg: rgba(249,115,22,.15);--green: #16A34A;--green-l: #DCFCE7;--green-d: #15803D;--amber: #D97706;--amber-l: #FEF3C7;--blue: #2563EB;--blue-l: #DBEAFE;--purple: #7C3AED;--purple-l: #EDE9FE;--red: #DC2626;--red-l: #FEE2E2;--grad-card: linear-gradient(145deg, #FFFFFF 0%, #F9FAFB 100%);--grad-header: linear-gradient(135deg, #F97316 0%, #FB923C 50%, #FDBA74 100%);--grad-success: linear-gradient(135deg, #16A34A 0%, #22C55E 100%);--grad-blue: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);--grad-purple: linear-gradient(135deg, #7C3AED 0%, #8B5CF6 100%);--grad-dark: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--grad-subtle: linear-gradient(145deg, #FFFFFF 0%, #F7F8FA 100%);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 8px 16px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--shadow-lg: 0 16px 32px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.06);--shadow-brand: 0 4px 14px rgba(249,115,22,.3);--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--sidebar-w: 240px;--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=dark]{--bg: #0B0F1A;--bg2: #111827;--surface: #1A2235;--surface2: #1E2A3F;--border: #2D3748;--border2: #374151;--text1: #F9FAFB;--text2: #D1D5DB;--text3: #6B7280;--text4: #374151;--sidebar-bg: #070C15;--sidebar-bg2: #0F172A;--grad-card: linear-gradient(145deg, #1A2235 0%, #1E2A3F 100%);--grad-subtle: linear-gradient(145deg, #1A2235 0%, #111827 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow: 0 4px 6px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2);--shadow-md: 0 8px 16px rgba(0,0,0,.4), 0 4px 8px rgba(0,0,0,.2);--green-l: rgba(22,163,74,.15);--amber-l: rgba(217,119,6,.15);--blue-l: rgba(37,99,235,.15);--purple-l: rgba(124,58,237,.15);--red-l: rgba(220,38,38,.15);--brand-l: rgba(249,115,22,.12)}body{font-family:var(--font);background:var(--bg);color:var(--text1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background .2s,color .2s}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text1);letter-spacing:-.3px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow)}.card-flat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-brand{background:var(--brand-grad);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-brand);color:#fff}.card-dark{background:var(--grad-dark);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.01em}.badge-free{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}.badge-pro{background:var(--amber-l);color:var(--amber)}.badge-business,.badge-open{background:var(--blue-l);color:var(--blue)}.badge-resolved{background:var(--green-l);color:var(--green)}.badge-pending{background:var(--amber-l);color:var(--amber)}.badge-escalated{background:var(--red-l);color:var(--red)}.badge-ai{background:var(--purple-l);color:var(--purple)}.badge-new{background:var(--brand-l);color:var(--brand)}.badge-success{background:var(--green-l);color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;border:none;font-family:var(--font);transition:all .18s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .18s}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{box-shadow:0 6px 20px #f9731666}.btn-secondary{background:var(--surface);color:var(--text1);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--border2);background:var(--surface2)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid transparent}.btn-ghost:hover{background:var(--bg2);color:var(--text1)}.btn-danger{background:var(--red-l);color:var(--red);border:1px solid rgba(220,38,38,.2)}.btn-danger:hover{background:#fca5a5}.btn-success{background:var(--green-l);color:var(--green);border:1px solid rgba(22,163,74,.2)}.btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--radius)}.btn-lg{padding:11px 22px;font-size:14px;border-radius:var(--radius-lg)}.btn-xl{padding:14px 28px;font-size:15px;font-weight:700;border-radius:var(--radius-lg)}.btn-icon{padding:7px;border-radius:var(--radius-md)}.input,.select,.textarea{width:100%;padding:9px 13px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font);color:var(--text1);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #f973161f}.input::placeholder,.textarea::placeholder{color:var(--text3)}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.textarea{resize:vertical;min-height:80px;line-height:1.6}.label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:5px;letter-spacing:.02em}.form-group{margin-bottom:16px}.input-error{border-color:var(--red)!important;box-shadow:0 0 0 3px #dc26261a!important}.error-msg{font-size:11px;color:var(--red);margin-top:4px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--bg2) 0%,var(--border) 40%,var(--bg2) 80%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .25s cubic-bezier(.4,0,.2,1) both}.fade-in{animation:fadeIn .2s ease both}.scale-in{animation:scaleIn .2s cubic-bezier(.4,0,.2,1) both}.slide-right{animation:slideInRight .25s cubic-bezier(.4,0,.2,1) both}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;animation:fadeIn .18s ease}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.divider{height:1px;background:var(--border);margin:16px 0}.divider-text{display:flex;align-items:center;gap:12px;color:var(--text3);font-size:12px;margin:16px 0}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px;border:1px solid var(--border)}.empty-state h3{font-size:16px;font-weight:700;margin-bottom:8px}.empty-state p{font-size:13px;color:var(--text2);line-height:1.6;max-width:300px;margin-bottom:20px}.stat-card-brand{background:linear-gradient(135deg,#f97316,#fb923c);border:none;color:#fff;box-shadow:0 8px 24px #f9731640}.stat-card-green{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;color:#fff;box-shadow:0 8px 24px #16a34a33}.stat-card-blue{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;color:#fff;box-shadow:0 8px 24px #2563eb33}.stat-card-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;color:#fff;box-shadow:0 8px 24px #7c3aed33}.stat-card-dark{background:linear-gradient(135deg,#0f172a,#1e293b);border:none;color:#fff;box-shadow:0 8px 24px #0003}.tab-nav{display:flex;gap:2px;background:var(--bg2);border-radius:var(--radius-md);padding:3px}.tab-btn{padding:6px 14px;border-radius:var(--radius);font-size:12px;font-weight:500;color:var(--text2);background:transparent;border:none;cursor:pointer;transition:all .15s;font-family:var(--font)}.tab-btn.active{background:var(--surface);color:var(--text1);font-weight:600;box-shadow:var(--shadow-xs)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}.notif-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--brand);border:2px solid var(--sidebar-bg)}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:var(--radius-full);background:var(--brand);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--sidebar-bg)}.progress-bar{height:6px;border-radius:var(--radius-full);background:var(--bg2);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--brand-grad);transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-fill-green{background:var(--grad-success)}.progress-fill-blue{background:var(--grad-blue)}.progress-fill-purple{background:var(--grad-purple)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text1);color:#fff;font-size:11px;font-weight:500;padding:4px 8px;border-radius:var(--radius);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}[data-tooltip]:hover:after{opacity:1}.hamburger{display:none;flex-direction:column;gap:4px;width:28px;height:28px;cursor:pointer;align-items:center;justify-content:center;background:none;border:none;padding:4px}.hamburger span{display:block;width:18px;height:2px;background:var(--text2);border-radius:2px;transition:all .25s}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:49;animation:fadeIn .2s ease}@media (max-width: 768px){:root{--sidebar-w: 260px}.hamburger{display:flex}.mobile-overlay.visible{display:block}.responsive-grid-2{grid-template-columns:1fr!important}.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr 1fr!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@media (max-width: 480px){.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr!important}}.quick-action{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .18s;text-decoration:none;color:var(--text1)}.quick-action:hover{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-l);transform:translateY(-1px)}.quick-action-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.partner-modal-box{background:var(--surface);border-radius:var(--radius-2xl);overflow:hidden;max-width:520px;width:100%;box-shadow:var(--shadow-lg);animation:scaleIn .22s cubic-bezier(.4,0,.2,1)}.partner-modal-header{background:var(--brand-grad);padding:28px;color:#fff;text-align:center}.partner-modal-body{padding:24px}.page-pad{padding:28px}@media (max-width: 768px){.page-pad{padding:16px}.page-pad h1{font-size:17px!important}}.stats-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 768px){.stats-4,.stats-3{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 480px){.stats-4,.stats-3,.stats-2{grid-template-columns:1fr}}.col-2{display:grid;grid-template-columns:1fr 320px;gap:14px}.col-2-equal{display:grid;grid-template-columns:1fr 1fr;gap:14px}.col-preview{display:grid;grid-template-columns:1fr 260px;gap:16px;align-items:start}@media (max-width: 900px){.col-2,.col-2-equal,.col-preview{grid-template-columns:1fr}.col-preview>:last-child{display:none}}@media (max-width: 768px){.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-mobile-col{display:none!important}}