@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color: #f97316;--primary-light: #fff7ed;--bg-color: #f7f9fa;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text-primary: #1e1e24;--text-secondary: #8b929c;--border-color: #eaebf0;--color-orange: #f5a623;--color-orange-light: #fef5e7;--color-green: #48bb78;--color-green-light: #eaf7f0;--color-red: #f56565;--color-red-light: #feefef;--color-blue: #3f6cf6;--color-blue-light: #ebf0fe;--color-indigo: #6366f1;--color-indigo-light: #eef2ff;--color-cyan: #06b6d4;--color-cyan-light: #ecfeff;--color-slate: #64748b;--color-slate-light: #f1f5f9;--brand-orange: #FF6B00;--brand-orange-light: rgba(255, 107, 0, .1);--brand-black: #121212;--brand-white: #FFFFFF;--brand-gray-light: #F9F9F9;--brand-gray-dark: #8b929c;--brand-border-light: #E5E7EB;--brand-bg-muted: #fafafa;--brand-bg-hover: #f8fafc;--tab-bar-bg: #f1f3f5;--status-success-bg: #ecfdf5;--status-success-text: #059669;--status-error-bg: #fef2f2;--status-error-text: #dc2626;--status-warning-bg: #fff7ed;--status-warning-text: #ca8a04;--brand-white-trans-70: rgba(255, 255, 255, .7);--brand-white-trans-80: rgba(255, 255, 255, .8);--brand-white-trans-60: rgba(255, 255, 255, .6);--brand-black-trans-10: rgba(0, 0, 0, .1);--brand-black-trans-25: rgba(0, 0, 0, .25);--brand-black-trans-40: rgba(0, 0, 0, .4);--brand-gray-100: #F3F4F6;--brand-gray-200: #E5E7EB;--brand-gray-300: #D1D5DB;--brand-gray-400: #9CA3AF;--brand-gray-500: #6B7280;--brand-gray-600: #4B5563;--brand-gray-700: #374151;--brand-gray-800: #1F2937;--table-row-even: #f8fafc;--table-row-odd: #ffffff;--table-row-hover: #f1f5f9;--table-header-bg: #f1f5f9}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes textSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes fadeOutSplash{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes indeterminateProgress{0%{left:-50%}to{left:100%}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}[data-theme=tokyo-night]{--primary-color: #f97316;--primary-light: rgba(249, 115, 22, .15);--bg-color: #1a1b26;--sidebar-bg: #1f2335;--card-bg: #24283b;--text-primary: #cfd8dc;--text-secondary: #9aa5ce;--border-color: rgba(255, 255, 255, .12);--color-orange: #f97316;--color-orange-light: rgba(249, 115, 22, .15);--color-green: #9ece6a;--color-green-light: rgba(158, 206, 106, .1);--color-red: #f7768e;--color-red-light: rgba(247, 118, 142, .1);--color-blue: #7aa2f7;--color-blue-light: rgba(122, 162, 247, .1);--brand-orange: #f97316;--brand-orange-light: rgba(249, 115, 22, .15);--brand-black: #1a1b26;--brand-white: #24283b;--brand-gray-light: #1f2335;--brand-gray-dark: #9aa5ce;--brand-border-light: rgba(255, 255, 255, .12);--brand-bg-muted: #1a1b26;--brand-bg-hover: #292e42;--tab-bar-bg: #16161e;--brand-gray-800: #cfd8dc;--header-text: #1a1b26;--status-pending-bg: rgba(122, 162, 247, .1);--status-pending-text: #7aa2f7;--table-row-even: #1f2335;--table-row-odd: #24283b;--table-header-bg: #20202b}thead th{position:relative;background-color:var(--table-header-bg)}thead th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background-color:var(--text-secondary);opacity:.2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);display:flex;height:100vh;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh}.sidebar{width:175px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px 0 0;transition:width .3s ease;overflow:hidden;position:relative}table tbody tr:nth-child(2n){background-color:var(--table-row-even)}table tbody tr:nth-child(odd){background-color:var(--table-row-odd)}table tbody tr:hover,table tbody tr.hover\:bg-blue-50\/50:hover{background-color:var(--brand-bg-hover)!important}.sidebar.collapsed{width:80px}.brand{display:flex;align-items:center;padding:0 24px;margin-bottom:8px}.brand-icon{width:32px;height:32px;border-radius:8px;display:flex;margin-right:12px}.brand-icon div{flex:1}.brand-icon-1{background-color:#48bb78;border-top-left-radius:8px;border-bottom-left-radius:8px}.brand-icon-2{background-color:#3f6cf6}.brand-icon-3{background-color:#f5a623;border-top-right-radius:8px;border-bottom-right-radius:8px}.brand-info h2{font-size:16px;font-weight:700;color:var(--text-primary)}.brand-info p{font-size:12px;color:var(--text-secondary);margin-top:2px}.nav-menu{list-style:none;padding:0;display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;padding:12px 16px;border-radius:12px;margin:0 8px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:16px;line-height:1.4;transition:all .2s ease;cursor:pointer;white-space:normal;word-break:break-word}.nav-link svg{margin-right:12px;width:20px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.bottom-actions{margin-top:auto;border-top:1px solid var(--border-color);flex-shrink:0}.bottom-actions .nav-menu{padding:0!important}.sidebar.collapsed .nav-link{justify-content:center;padding:12px;margin:0 auto;width:48px;aspect-ratio:1/1;border-radius:14px}.sidebar.collapsed .nav-link span{display:none}.sidebar.collapsed .nav-link svg{margin-right:0}.nav-link:hover{background-color:var(--bg-color);color:var(--text-primary)}.nav-link.active{background-color:var(--primary-color);color:var(--brand-white)}.main-content{flex:1;overflow-y:auto;padding:0;position:relative;background-color:var(--bg-color)}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background-color:var(--primary-color);color:var(--header-text, var(--brand-white));height:64px}.header h1{font-size:20px;font-weight:700;margin:0;color:var(--header-text, var(--brand-white))}.header-actions{display:flex;align-items:center;gap:16px}.date-picker{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn:hover{background-color:var(--bg-color)}.user-actions{display:flex;align-items:center;gap:16px;margin-left:16px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#ccc;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.stat-card{background-color:var(--card-bg);border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;height:140px;border:1px solid transparent;--modal-shadow: 0 20px 50px -12px rgba(0, 0, 0, .5)}.stat-card.orange{background-color:var(--color-orange-light)}.stat-card.green{background-color:var(--color-green-light)}.stat-card.red{background-color:var(--color-red-light)}.stat-card.blue{background-color:var(--color-blue-light)}.stat-header{display:flex;align-items:center;gap:16px}.stat-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}.stat-card.orange .stat-icon{background-color:var(--color-orange);color:#fff}.stat-card.green .stat-icon{background-color:var(--color-green);color:#fff}.stat-card.red .stat-icon{background-color:var(--color-red);color:#fff}.stat-card.blue .stat-icon{background-color:var(--color-blue);color:#fff}.stat-value{font-size:28px;font-weight:700}.stat-card.orange .stat-value{color:var(--color-orange)}.stat-card.green .stat-value{color:var(--color-green)}.stat-card.red .stat-value{color:var(--color-red)}.stat-card.blue .stat-value{color:var(--color-blue)}.stat-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-top:auto}.charts-row-1{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.chart-card{background-color:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000005;border:1px solid var(--border-color)}.chart-title{font-size:18px;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.chart-body{display:flex;justify-content:space-between;align-items:center}.chart-graphic{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.chart-legend{flex:1;margin-left:24px}.legend-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:var(--text-secondary)}.legend-label{display:flex;align-items:center;gap:8px;font-weight:500}.dot{width:10px;height:10px;border-radius:50%}.legend-value{color:var(--text-primary);font-weight:600}.funnel-container{display:flex;flex-direction:column;align-items:center;gap:2px}.funnel-segment{height:30px;background:var(--primary-color);clip-path:polygon(0% 0%,100% 0%,85% 100%,15% 100%);transition:all .3s ease}.funnel-segment:nth-child(2){background:#4592ff;clip-path:polygon(15% 0%,85% 0%,75% 100%,25% 100%)}.funnel-segment:nth-child(3){background:#fc8d62;clip-path:polygon(25% 0%,75% 0%,65% 100%,35% 100%)}.funnel-segment:nth-child(4){background:#fca130;clip-path:polygon(35% 0%,65% 0%,55% 100%,45% 100%)}.funnel-segment:nth-child(5){background:#66c2a5;clip-path:polygon(45% 0%,55% 0%,50% 100%,50% 100%);height:20px}.chart-total{position:absolute;bottom:-20px;text-align:center;width:100%;font-size:14px;color:var(--text-secondary)}.chart-total strong{color:var(--text-primary);font-size:16px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#3f6cf6,#3f6cf6 30%,#f5a623 30%,#f5a623 55%,#48bb78 55%,#48bb78 75%,#f56565 75%,#f56565 90%,#eaebf0 90%,#eaebf0);display:flex;justify-content:center;align-items:center}.donut-inner{width:100px;height:100px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--text-secondary)}.donut-inner span{font-weight:700;color:var(--text-primary);font-size:18px;margin-left:4px}.charts-row-2{display:grid;grid-template-columns:1fr}.bar-chart-card{height:400px;display:flex;flex-direction:column}.bar-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.bar-chart-legend{display:flex;gap:16px;font-size:13px;font-weight:600}.bar-chart-body{flex:1;display:flex;align-items:flex-end;gap:30px;position:relative;padding-bottom:24px;padding-left:60px}.y-axis{position:absolute;left:0;top:0;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:12px;color:var(--text-secondary);width:50px;padding-right:12px}.y-axis span{position:relative;top:6px}.grid-lines{position:absolute;left:60px;right:0;top:0;bottom:24px;display:flex;flex-direction:column;justify-content:space-between}.grid-line{border-top:1px solid var(--border-color);width:100%;height:0}.bar-group{flex:1;display:flex;justify-content:center;align-items:flex-end;gap:4px;height:100%;z-index:1;position:relative}.bar{width:24px;border-radius:4px 4px 0 0;transition:height .3s ease}.bar.revenue{background-color:var(--color-blue)}.bar.lead{background-color:var(--color-orange)}.x-label{position:absolute;bottom:-24px;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background-color:var(--bg-color)}.login-box{background:var(--card-bg);padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000000d;width:100%;max-width:400px;border:1px solid var(--border-color)}.login-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:8px}.login-subtitle{font-size:14px;text-align:center;color:var(--text-secondary);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;outline:none}.form-group input:focus{border-color:var(--primary-color)}.login-button{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.login-button:hover:not(:disabled){background-color:#2b52d6}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-error{background-color:var(--color-red-light);color:var(--color-red);padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #fed7d7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;border:1.5px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);background-clip:content-box}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;border:2px solid transparent;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ea580c;background-clip:content-box}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.custom-scrollbar-x{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;-ms-overflow-style:auto}.custom-scrollbar-x::-webkit-scrollbar{height:6px;width:0px}.custom-scrollbar-x::-webkit-scrollbar-track{background:#00000008;border-radius:10px}.custom-scrollbar-x::-webkit-scrollbar-thumb{background-color:#ff6b0045;border-radius:20px}.custom-scrollbar-x:hover::-webkit-scrollbar-thumb{background-color:var(--brand-orange)}.custom-scrollbar-hover{scrollbar-width:thin;scrollbar-color:transparent transparent;-ms-overflow-style:auto}.custom-scrollbar-hover::-webkit-scrollbar{height:6px;width:0px;background:transparent}.custom-scrollbar-hover::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-hover::-webkit-scrollbar-thumb{background-color:transparent;border-radius:20px;transition:background-color .2s}.custom-scrollbar-hover::-webkit-scrollbar{height:6px;opacity:0;transition:opacity .2s}.custom-scrollbar-hover:hover::-webkit-scrollbar,.show-scrollbar-on-hover:hover .custom-scrollbar-hover::-webkit-scrollbar{opacity:1}.custom-scrollbar-hover::-webkit-scrollbar-thumb{background-color:#ff6b0000;border-radius:20px;transition:background-color .2s}.custom-scrollbar-hover:hover::-webkit-scrollbar-thumb,.show-scrollbar-on-hover:hover .custom-scrollbar-hover::-webkit-scrollbar-thumb{background-color:#ff6b0045}.custom-scrollbar-hover:hover::-webkit-scrollbar-thumb:hover{background-color:var(--brand-orange)}.custom-scrollbar-hover:hover{scrollbar-color:rgba(255,107,0,.27) transparent}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#ff6b0059}