@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-main: #090a0c;--bg-header: rgba(10, 11, 14, .96);--bg-card: #121317;--bg-card-hover: #17181e;--bg-subtle: #181920;--bg-elevated: #1f2129;--border-color: #22242c;--border-subtle: #191b21;--border-hover: #2e313c;--border-focus: #10b981;--text-main: #f9fafb;--text-muted: #9ca3af;--text-dim: #6b7280;--accent-primary: #10b981;--accent-primary-hover: #059669;--accent-emerald: #10b981;--accent-emerald-bg: rgba(16, 185, 129, .08);--accent-blue: #38bdf8;--accent-blue-bg: rgba(56, 189, 248, .08);--accent-red: #f43f5e;--accent-red-bg: rgba(244, 63, 94, .08);--accent-amber: #f59e0b;--accent-amber-bg: rgba(245, 158, 11, .08);--accent-purple: #a855f7;--accent-purple-bg: rgba(168, 85, 247, .08);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#262832;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#363946}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 3px #0006,0 1px 2px -1px #0006;transition:border-color .15s ease,background-color .15s ease}.glass-card:hover{border-color:var(--border-hover)}.pulse-indicator{display:inline-block;width:7px;height:7px;background-color:var(--accent-emerald);border-radius:50%;box-shadow:0 0 #10b98199;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b98199}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.btn-primary{background:var(--accent-primary);color:#04150d;border:1px solid transparent;font-weight:700;font-size:13px;font-family:var(--font-sans);padding:7px 14px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background-color .15s ease,border-color .15s ease}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-subtle);color:#e5e7eb;border:1px solid var(--border-color);font-weight:600;font-size:12.5px;font-family:var(--font-sans);padding:7px 13px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-hover);color:#fff}.btn-tab{background:transparent;color:var(--text-muted);border:1px solid transparent;font-weight:600;font-size:12.5px;font-family:var(--font-sans);padding:6px 11px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;white-space:nowrap}.btn-tab:hover{color:var(--text-main);background:var(--bg-subtle);border-color:var(--border-subtle)}.btn-tab.active{color:#fff;background:var(--bg-elevated);border:1px solid var(--border-hover)}.data-table-container{width:100%;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.data-table th{padding:10px 14px;background:#0d0e11;color:var(--text-muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-sans);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-main);white-space:nowrap;font-variant-numeric:tabular-nums}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:540px;padding:24px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;animation:modal-appear .15s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.app-header{background:var(--bg-header);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;padding:10px 20px}.app-header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.app-logo-section{display:flex;align-items:center;gap:12px}.app-controls-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-nav-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px;padding-bottom:2px}.app-main-content{flex:1;padding:20px;max-width:1600px;width:100%;margin:0 auto}@media(max-width:1024px){.app-header{padding:10px 14px}.app-main-content{padding:14px}}@media(max-width:768px){.app-header{padding:8px 12px}.app-header-top{flex-direction:column;align-items:stretch;gap:10px}.app-logo-section{justify-content:space-between;width:100%}.app-controls-section{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-controls-section::-webkit-scrollbar{display:none}.app-controls-section>*{flex-shrink:0}.app-nav-tabs{flex-wrap:nowrap;overflow-x:auto;margin-top:8px;gap:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-nav-tabs::-webkit-scrollbar{display:none}.btn-tab{padding:6px 10px;font-size:12px}.btn-tab svg{width:14px;height:14px}.app-main-content{padding:12px 10px}.glass-card{padding:14px!important;border-radius:10px}.data-table-container{margin:0 -4px;border-radius:6px;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{padding:8px 10px;font-size:12px}.modal-overlay{padding:8px;align-items:flex-end}.modal-content{max-width:100%;border-radius:14px 14px 0 0;max-height:90vh;overflow-y:auto;padding:18px 16px}button,input,select{touch-action:manipulation}input,select,textarea{font-size:14px}.overview-charts-grid{grid-template-columns:1fr!important}.overview-banner-actions{width:100%;flex-direction:column!important;gap:8px!important}.overview-banner-actions button{width:100%;justify-content:center}}@media(max-width:480px){.btn-primary,.btn-secondary{padding:6px 10px;font-size:12px}.btn-tab{padding:5px 8px;font-size:11.5px}.lead-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.lead-kpi-grid .glass-card{padding:12px!important}}.overview-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.lead-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.filter-scroll-row{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.filter-scroll-row::-webkit-scrollbar{display:none}.filter-scroll-row>*{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.space-y-6>*+*{margin-top:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.w-full{width:100%}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
