@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Round);:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#8b5cf6;--color-accent:#0ea5e9;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-hero:linear-gradient(135deg,#1e1b4b,#312e81 30%,#4c1d95 60%,#1e1b4b);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warm:linear-gradient(135deg,#f59e0b,#ef4444);--gradient-ocean:linear-gradient(135deg,#0ea5e9,#6366f1);--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,0.1),hsla(0,0%,100%,0.05));--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-muted:var(--color-gray-400);--border-color:var(--color-gray-200);--border-color-hover:var(--color-gray-300);--font-heading:"Montserrat",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"Fira Code","Consolas",monospace;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px rgba(0,0,0,0.15);--shadow-primary:0 8px 32px rgba(99,102,241,0.3);--shadow-glow:0 0 40px rgba(99,102,241,0.4);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:1000;--z-sticky:1020;--z-modal:1050;--z-toast:1080}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-color-hover:#475569;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px rgba(0,0,0,0.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;background-color:var(--bg-primary);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.375rem,3vw,1.875rem)}h4{font-size:clamp(1.125rem,2vw,1.375rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:.75rem 1.75rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.1);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px);color:#fff}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 16px rgba(16,185,129,.3)}.btn-success:hover{box-shadow:0 8px 24px rgba(16,185,129,.4);transform:translateY(-2px);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{transform:translateY(-2px);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-lg{padding:1rem 2.5rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn-sm{padding:.5rem 1.25rem;font-size:.875rem;border-radius:var(--radius-sm)}.btn-icon{padding:.625rem;border-radius:var(--radius-md);width:2.5rem;height:2.5rem}.btn .material-icons-round{font-size:1.125rem}.sa-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.sa-card:hover{box-shadow:var(--shadow-lg)}.sa-card-glass{background:var(--gradient-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2)}.sa-card-elevated{box-shadow:var(--shadow-xl);border:none}.sa-card-gradient{background:var(--gradient-primary);border:none;color:#fff}.sa-card-gradient *{color:#fff}.sa-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.sa-card-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.badge,.status-assigned,.status-commission_paid,.status-contacted,.status-duplicate,.status-lost,.status-negotiating,.status-rejected,.status-submitted,.status-won{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap;text-transform:capitalize}.badge-primary,.status-assigned,.status-contacted{background:rgba(99,102,241,.12);color:var(--color-primary)}.badge-success,.status-commission_paid,.status-won{background:rgba(16,185,129,.12);color:var(--color-success)}.badge-warning,.status-negotiating{background:rgba(245,158,11,.12);color:var(--color-warning)}.badge-danger,.status-lost,.status-rejected{background:rgba(239,68,68,.12);color:var(--color-danger)}.badge-info,.status-submitted{background:rgba(14,165,233,.12);color:var(--color-accent)}.badge-gray,.status-duplicate{background:var(--bg-secondary);color:var(--text-secondary)}.form-group{margin-bottom:var(--spacing-5)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-2)}.form-group .form-control{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast);outline:none}.form-group .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.form-group .form-control::placeholder{color:var(--text-muted)}.form-group .form-control.is-invalid{border-color:var(--color-danger)}.form-group .form-control.is-valid{border-color:var(--color-success)}.form-group .form-error{color:var(--color-danger);font-size:.8125rem;margin-top:var(--spacing-1);display:flex;align-items:center;gap:4px}.form-group .form-hint{color:var(--text-muted);font-size:.8125rem;margin-top:var(--spacing-1)}.kpi-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;align-items:flex-start;gap:var(--spacing-4);transition:all var(--transition-base)}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-card__icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card__icon .material-icons-round{font-size:1.5rem}.kpi-card__icon--primary{background:rgba(99,102,241,.12);color:var(--color-primary)}.kpi-card__icon--success{background:rgba(16,185,129,.12);color:var(--color-success)}.kpi-card__icon--warning{background:rgba(245,158,11,.12);color:var(--color-warning)}.kpi-card__icon--danger{background:rgba(239,68,68,.12);color:var(--color-danger)}.kpi-card__icon--accent{background:rgba(14,165,233,.12);color:var(--color-accent)}.kpi-card__body{flex:1}.kpi-card__label{font-size:.8125rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.kpi-card__value{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:6px}.kpi-card__change{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600}.kpi-card__change--up{color:var(--color-success)}.kpi-card__change--down{color:var(--color-danger)}.sa-table{width:100%;border-collapse:initial;border-spacing:0}.sa-table thead tr th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.sa-table thead tr th:first-child{border-radius:var(--radius-md) 0 0 0}.sa-table thead tr th:last-child{border-radius:0 var(--radius-md) 0 0}.sa-table tbody tr{transition:background var(--transition-fast)}.sa-table tbody tr:hover{background:var(--bg-secondary)}.sa-table tbody tr td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.9375rem;color:var(--text-primary);vertical-align:middle}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1rem;width:100%}.skeleton-title{height:1.5rem;width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px;border-radius:var(--radius-lg)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:var(--z-toast);flex-direction:column;pointer-events:none}.toast,.toast-container{display:flex;gap:var(--spacing-3)}.toast{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;box-shadow:var(--shadow-xl);align-items:center;min-width:320px;max-width:480px;pointer-events:all;animation:toast-in .35s var(--transition-spring) forwards}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-danger)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--info{border-left:4px solid var(--color-accent)}.toast__icon{flex-shrink:0}.toast__message{flex:1;font-size:.9375rem;color:var(--text-primary)}.toast__close{cursor:pointer;color:var(--text-muted);margin-left:auto}@keyframes toast-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.sa-navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:1rem 0;transition:all var(--transition-base)}.sa-navbar.scrolled{background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:.75rem 0}[data-theme=dark] .sa-navbar.scrolled{background:rgba(15,23,42,.9)}.sa-navbar__brand{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-navbar__link{color:var(--text-secondary);font-weight:500;font-size:.9375rem;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.sa-navbar__link:hover{color:var(--color-primary);background:rgba(99,102,241,.08)}.sa-navbar__link.active{color:var(--color-primary);font-weight:600}.glass-card{background:hsla(0,0%,100%,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:0 8px 32px rgba(0,0,0,.15)}.section{padding:var(--spacing-24) 0}.section-sm{padding:var(--spacing-16) 0}.section-lg{padding:var(--spacing-24) 0 calc(var(--spacing-24) * 1.5)}.section-label{display:inline-block;background:rgba(99,102,241,.1);color:var(--color-primary);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.375rem 1rem;border-radius:var(--radius-full)}.section-label,.section-title{margin-bottom:var(--spacing-4)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.03em}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:640px;margin:0 auto var(--spacing-12);line-height:1.7}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-float{animation:float 6s ease-in-out infinite}.animate-fade-up{animation:fade-up .6s ease forwards}.animate-pulse-ring:before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:var(--color-primary);opacity:.3;animation:pulse-ring 2s infinite}.currency-display{font-family:var(--font-heading);font-weight:800;color:var(--color-success)}.currency-display__symbol{font-size:.7em;vertical-align:super;margin-right:2px}.sa-sidebar{width:260px;min-height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;z-index:var(--z-dropdown);transition:transform var(--transition-base);display:flex;flex-direction:column;padding:var(--spacing-6)}.sa-sidebar__logo{padding:var(--spacing-4) 0 var(--spacing-8);font-family:var(--font-heading);font-size:1.375rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-sidebar__nav{flex:1}.sa-sidebar__section-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700;margin:var(--spacing-6) 0 var(--spacing-2);padding:0 var(--spacing-3)}.sa-sidebar__link{display:flex;align-items:center;gap:var(--spacing-3);padding:.625rem .875rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:500;transition:all var(--transition-fast);margin-bottom:2px;text-decoration:none}.sa-sidebar__link .material-icons-round{font-size:1.25rem}.sa-sidebar__link:hover{background:var(--bg-secondary);color:var(--text-primary)}.sa-sidebar__link.active{background:rgba(99,102,241,.1);color:var(--color-primary);font-weight:600}.sa-main-content{margin-left:260px;min-height:100vh;background:var(--bg-secondary)}@media (max-width:1024px){.sa-main-content{margin-left:0}}.container-fluid{width:100%;padding:0 var(--spacing-6)}.d-flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.w-100{width:100%}.mt-auto{margin-top:auto}.text-center{text-align:center}.text-right{text-align:right}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.chart-container{position:relative;height:300px;width:100%}.chart-container--sm{height:200px}.chart-container--lg{height:400px}.empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-6)}.empty-state__icon{font-size:4rem;color:var(--text-muted);margin-bottom:var(--spacing-4)}.empty-state__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-3)}.empty-state__description{color:var(--text-secondary);max-width:400px;margin:0 auto var(--spacing-6)}.achievement-badge{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.achievement-badge:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.achievement-badge__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.achievement-badge__name{font-weight:700;color:var(--text-primary);font-size:.9375rem}.achievement-badge__desc{font-size:.8125rem;color:var(--text-secondary)}.achievement-badge__points{margin-left:auto;font-weight:700;color:var(--color-warning);font-size:.875rem}.rank-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem}.rank-badge-1{background:linear-gradient(135deg,gold,orange);color:#fff}.rank-badge-2{background:linear-gradient(135deg,silver,grey);color:#fff}.rank-badge-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.rank-badge-default{background:var(--bg-secondary);color:var(--text-muted)}