@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-gradient: radial-gradient(circle at 50% 0%, #1e293b, #0f172a 100%);--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .03);--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--accent: #8b5cf6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--text-disabled: #475569;--font-family: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px 0 0 var(--glass-highlight)}.glass-card{background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px;transition:all .2s ease-out}.glass-card:hover{background:#1e293bcc;border-color:#ffffff26}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-family:var(--font-family);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 20px 0 var(--primary-glow);filter:brightness(1.1)}.btn-glass{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main)}.btn-glass:hover{background:#ffffff1a;border-color:#fff3}.input-glass{width:100%;padding:12px 16px;background:#0f172a80;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-family);transition:all .2s ease;outline:none}.input-glass:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#1e293bcc}.input-glass::placeholder{color:var(--text-disabled)}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:500;color:var(--text-muted)}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:24px 0;gap:16px;position:absolute;top:0;bottom:0;left:-260px;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open{transform:translate(260px)}@media(min-width:768px){.sidebar{position:relative;left:0;transform:none;background:#0f172ab3}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.mobile-open{opacity:1;pointer-events:auto}@media(min-width:768px){.sidebar-overlay{display:none}}.sidebar-header{padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.close-sidebar-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}@media(min-width:768px){.close-sidebar-btn{display:none}}.sidebar-logo-wrapper{display:flex;align-items:center;gap:12px}.sidebar-logo{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.sidebar-title{font-weight:700;font-size:1.125rem;letter-spacing:-.02em}.sidebar-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:500}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;border:1px solid transparent;transition:all .2s ease}.nav-link:hover{color:var(--text-main);background:#1e293b80}.nav-link.active{background:#3b82f61a;color:#60a5fa;border-color:#3b82f633;box-shadow:inset 0 0 12px #3b82f61a}.nav-icon{opacity:.8}.sidebar-footer{margin-top:auto;padding:0 16px}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.logout-btn:hover{color:var(--danger);background:#ef44441a;border-color:#ef444433}.main-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}@media(min-width:768px){.main-content{padding:32px}}.mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}@media(min-width:768px){.mobile-header{display:none}}.mobile-menu-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center}.dashboard-container{display:flex;flex-direction:column;gap:24px;max-width:1280px;margin:0 auto;width:100%}.dashboard-header{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:8px}@media(min-width:640px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{font-size:1.875rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:4px}.kpi-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media(min-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-content-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media(min-width:1024px){.dashboard-content-grid{grid-template-columns:repeat(3,1fr)}}.chart-container{grid-column:span 1;height:400px;display:flex;flex-direction:column;padding:24px}@media(min-width:1024px){.chart-container{grid-column:span 2}}.list-container{display:flex;flex-direction:column;padding:24px}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:24px;display:flex;align-items:center;gap:8px}.dealer-list{display:flex;flex-direction:column;gap:16px}.dealer-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:var(--radius-md);transition:background-color .2s;cursor:pointer}.dealer-row:hover{background:#ffffff0d}.dealer-info-wrapper{display:flex;align-items:center;gap:12px}.dealer-rank{font-family:monospace;font-size:.875rem;font-weight:700;color:var(--text-disabled);width:16px}.dealer-row:hover .dealer-rank{color:var(--warning)}.dealer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#334155,#475569);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff}.dealer-name{font-size:.875rem;font-weight:600;color:var(--text-main)}.dealer-area{font-size:.75rem;color:var(--text-muted)}.dealer-sales{font-size:.875rem;font-weight:700;color:var(--success);text-align:right}.kpi-card-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:10}.kpi-title{font-size:.875rem;color:var(--text-muted);font-weight:500;margin-bottom:4px}.kpi-value{font-size:1.875rem;font-weight:700;color:#fff;letter-spacing:-.02em}.kpi-icon-wrapper{padding:12px;border-radius:var(--radius-md)}.kpi-trend-wrapper{margin-top:16px;display:flex;align-items:center;gap:8px;position:relative;z-index:10}.kpi-trend{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-xl)}.kpi-trend.positive{background:#10b98133;color:var(--success)}.kpi-trend.negative{background:#ef444433;color:var(--danger)}.kpi-trend-text{font-size:.75rem;color:var(--text-disabled)}.kpi-blue{border-color:#3b82f633}.kpi-blue .kpi-icon-wrapper{background:linear-gradient(135deg,#3b82f633,#3b82f60d);color:var(--primary)}.kpi-purple{border-color:#a855f733}.kpi-purple .kpi-icon-wrapper{background:linear-gradient(135deg,#a855f733,#a855f70d);color:var(--accent)}.kpi-emerald{border-color:#10b98133}.kpi-emerald .kpi-icon-wrapper{background:linear-gradient(135deg,#10b98133,#10b9810d);color:var(--success)}.kpi-amber{border-color:#f59e0b33}.kpi-amber .kpi-icon-wrapper{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);color:var(--warning)}.badge{padding:4px 10px;border-radius:var(--radius-xl);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b33;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444433;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.badge-primary{background:#3b82f633;color:var(--primary);border:1px solid rgba(59,130,246,.3)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInSlideUp .6s cubic-bezier(.2,.8,.2,1) forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.sidebar-divider{padding:16px 24px 4px;margin-top:4px}.sidebar-divider-text{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-disabled)}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.flex-wrap{flex-wrap:wrap}.gap-4{gap:16px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden}.login-orb-1{position:absolute;top:25%;left:25%;width:384px;height:384px;background:#2563eb4d;border-radius:50%;filter:blur(120px)}.login-orb-2{position:absolute;bottom:25%;right:25%;width:384px;height:384px;background:#9333ea4d;border-radius:50%;filter:blur(120px)}.login-panel{padding:32px;width:100%;max-width:400px;position:relative;z-index:10;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #3b82f666;transform:rotate(12deg);transition:transform .3s ease}.login-logo:hover{transform:rotate(0)}.login-logo span{font-size:1.5rem;font-weight:700;color:#fff}.login-title{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:8px}.login-subtitle{font-size:.875rem;color:var(--text-muted)}.login-form-group{margin-bottom:24px}.login-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.login-forgot-link{font-size:.75rem;color:#60a5fa;text-decoration:none;transition:color .2s ease}.login-forgot-link:hover{color:#93c5fd}.login-btn{width:100%;height:48px;font-size:.9375rem;font-weight:600;position:relative;overflow:hidden}.login-spinner{animation:spin 1s linear infinite;height:20px;width:20px;color:#fff}.login-footer{margin-top:32px;text-align:center;border-top:1px solid rgba(255,255,255,.05);padding-top:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{body{background:#fff;color:#000}.app-container,.sidebar,.top-header,.mobile-header,.dashboard-header,.btn:not(.print-btn),.close-btn{display:none!important}.modal-overlay{position:absolute;background:transparent;top:0;left:0;right:0;bottom:0;padding:0;align-items:flex-start}.modal-content{background:#fff!important;border:none;box-shadow:none;width:100%;max-width:100%;margin:0;padding:24px;color:#000}.modal-title,h4,span,div{color:#000!important}.badge{border:1px solid #ccc;background:transparent!important;color:#000!important}table{border-collapse:collapse;width:100%}tr:nth-child(2n){background-color:transparent!important}.glass-panel,.glass-card,.input-glass{background:transparent!important;border:1px solid #ccc!important;color:#000!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.pdf-export-mode{background-color:#f8fafc!important;color:#0f172a!important;padding:30px!important}.pdf-export-mode *{color:#0f172a!important}.pdf-export-mode .glass-panel,.pdf-export-mode .glass-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 6px -1px #0000000d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pdf-export-mode .gradient-text{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;background:none!important}.pdf-export-mode .badge{background:#f1f5f9!important;color:#334155!important;border:1px solid #cbd5e1!important}.pdf-export-mode th{background:#f1f5f9!important;color:#475569!important;border-bottom:2px solid #cbd5e1!important}.pdf-export-mode td{border-bottom:1px solid #e2e8f0!important}.pdf-export-mode svg{opacity:1!important}.pdf-export-mode .recharts-text{fill:#475569!important}.pdf-export-mode .recharts-cartesian-grid-horizontal line,.pdf-export-mode .recharts-cartesian-grid-vertical line{stroke:#e2e8f0!important}.pdf-export-mode .kpi-value{color:#0f172a!important}.pdf-export-mode .kpi-title,.pdf-export-mode .text-muted{color:#64748b!important}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:16px;font-size:.875rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--glass-border);white-space:nowrap}.data-table td{padding:16px;font-size:.875rem;color:var(--text-main);border-bottom:1px solid rgba(255,255,255,.05)}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background:#ffffff0d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out forwards}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:#0f172af2;border:1px solid var(--glass-border);border-radius:var(--radius-lg);position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 25px 50px -12px #00000080}.modal-header{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:#fff}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.close-btn:hover{color:var(--danger);background:#ef44441a}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-footer{padding:24px;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:12px}.flex-between{display:flex;justify-content:space-between;align-items:center}.empty-state{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon{width:64px;height:64px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.top-header{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid var(--glass-border)}.top-header-left{display:flex;align-items:center;gap:12px}.top-header-right{display:flex;align-items:center;gap:8px}.mobile-only{display:flex}@media(min-width:768px){.mobile-only,.top-header-left .mobile-menu-btn{display:none}.top-header{justify-content:flex-end}}.header-icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.header-icon-btn:hover{background:#ffffff1a;color:var(--text-main);border-color:#ffffff26}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-dark);animation:notifPop .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes notifPop{0%{transform:scale(0)}to{transform:scale(1)}}.user-profile-btn{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:all .2s ease}.user-profile-btn:hover{background:#ffffff14;border-color:#ffffff26}.user-avatar-sm{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.user-info-text{display:none;flex-direction:column;line-height:1.2}@media(min-width:768px){.user-info-text{display:flex}}.user-name-text{font-size:.8125rem;font-weight:600;color:var(--text-main)}.user-role-text{font-size:.6875rem;color:var(--text-muted);text-transform:capitalize}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;background:#0f172af7;border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #00000080;z-index:30;animation:dropdownSlide .2s ease-out forwards;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel{width:340px;max-height:400px;overflow-y:auto}.profile-panel{width:200px}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.dropdown-link{background:none;border:none;font-size:.75rem;color:#60a5fa;cursor:pointer;font-family:var(--font-family);transition:color .2s}.dropdown-link:hover{color:#93c5fd}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s;cursor:pointer}.notif-item:hover{background:#ffffff0a}.notif-item:last-child{border-bottom:none}.notif-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-muted);font-family:var(--font-family);font-size:.8125rem;cursor:pointer;transition:all .15s;text-align:left}.dropdown-item:hover{background:#ffffff0f;color:var(--text-main)}.toast-message{position:fixed;bottom:24px;right:24px;padding:14px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;z-index:200;animation:slideUp .3s ease-out forwards;box-shadow:0 8px 24px #0000004d}.toast-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--success)}.toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--danger)}