*{box-sizing:border-box}html,body{margin:0!important;padding:0!important;background:#f5f5f7!important;min-height:100vh!important}html.dark-mode,body.dark-mode{background:#1a1a1e!important}#root{position:relative;margin:0!important;padding:0!important;background:transparent!important;min-height:100vh!important}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}:root{--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px}.leaderboard{width:100%;max-width:1100px;margin:0 auto;border-collapse:collapse;font-size:.9rem}.leaderboard th,.leaderboard td{padding:.5rem .2rem;background-clip:padding-box;transition:background-color .2s ease-in-out}.leaderboard thead th{border-bottom:1px solid #e5e5e5;font-weight:600}.leaderboard thead tr:hover th{background-color:#f2f2f5}.leaderboard thead tr:hover th:first-child{border-top-left-radius:.5rem}.leaderboard thead tr:hover th:last-child{border-top-right-radius:.5rem}.leaderboard tbody tr:first-child{background:#fefce8;font-weight:600}.leaderboard tbody tr:nth-child(n+3):nth-child(odd){background:#f9fafb}.leaderboard tbody tr{border-bottom:1px solid #e5e5e5}.leaderboard tbody tr:hover td{background-color:#f3f4f6}.leaderboard tbody tr:hover td:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.leaderboard tbody tr:hover td:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.leaderboard thead th:nth-last-child(-n+2),.leaderboard tbody td:nth-last-child(-n+2){text-align:right!important}.leaderboard th:first-child,.leaderboard td:first-child{width:3.5rem;text-align:center;padding-left:0}.name-cell{display:flex;align-items:center;gap:.6rem;position:relative}.trophy-container{display:inline-flex;align-items:center;gap:4px;margin-left:8px;animation:trophy-appear .5s ease-out}.trophy-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(255,215,0,.4))}.trophy-count{font-size:12px;font-weight:700;color:#d4af37;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes trophy-appear{0%{opacity:0;transform:scale(.5) translateY(-10px)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1) translateY(0)}}body.dark-mode .trophy-icon{filter:drop-shadow(0 2px 4px rgba(255,215,0,.6)) brightness(1.2)}body.dark-mode .trophy-count{color:gold;text-shadow:0 1px 3px rgba(255,215,0,.5)}.trophy-container:hover .trophy-icon{transform:scale(1.15) rotate(10deg);transition:transform .3s ease}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.crown-icon{position:absolute;top:-8px;left:48%;transform:translate(-50%);width:18px;height:18px;object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}body.dark-mode .crown-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.55)) brightness(1.05)}.leaderboard thead th:nth-child(2){padding-left:calc(36px + .6rem)}.board-frame{position:relative;width:100%;max-width:1200px;margin:var(--space-xl) auto;padding:var(--space-md) var(--space-lg);padding-top:calc(var(--space-3xl) + var(--space-xl));padding-bottom:var(--space-xl);background:#fff;border:1px solid #e5e5e5;border-radius:var(--space-lg);box-shadow:0 6px 18px #0000000f;box-sizing:border-box}@media (max-width: 600px){.board-frame{margin:0;border-radius:0;box-shadow:none}}body.dark-mode .board-frame{background:#242428!important;border:1px solid #333338!important;border-radius:24px!important;box-shadow:0 8px 32px #0006!important}@media (max-width: 600px){body.dark-mode .board-frame{border:none!important;border-radius:0!important}}.title-bar{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);width:100%}.title-logo{width:clamp(32px,5vw,45px);height:auto}.leaderboard-title{font-size:clamp(1.2rem,3.2vw,1.8rem);margin:0;line-height:1}.totals-block{margin:0 auto var(--space-xl);text-align:center}.totals-row{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap}.totals-label{color:#bebebe;font-size:clamp(.75rem,2vw,.9rem);font-weight:400}.totals-value{font-size:clamp(1rem,3vw,1.5rem);font-weight:700;line-height:1.1}.totals-value.cash{color:#0c9f4c}.totals-value.revenu{color:#0057ff}.totals-sales{margin-top:.4rem;font-size:clamp(.9rem,2.6vw,1.1rem);font-weight:600;color:#e64b00}.totals-value,.totals-sales{display:inline-block;transition:transform .6s cubic-bezier(.22,1,.36,1),text-shadow .28s cubic-bezier(.22,1,.36,1),filter .28s cubic-bezier(.22,1,.36,1);will-change:transform}.totals-value.cash:hover{transform:scale(1.08);text-shadow:0 8px 16px rgba(16,185,129,.3);filter:saturate(1.15)}.totals-value.revenu:hover{transform:scale(1.08);text-shadow:0 8px 16px rgba(37,99,235,.3);filter:saturate(1.15)}.totals-sales:hover{transform:scale(1.08);text-shadow:0 8px 16px rgba(234,88,12,.3);filter:saturate(1.1)}.leaderboard-wrapper{margin-top:0;text-align:center}.leaderboard thead th{text-align:left}.leaderboard tbody tr:first-child td:nth-child(2),.leaderboard tbody tr:first-child td:nth-child(3){color:#d08700}.leaderboard thead th:nth-child(2){padding-left:.2rem!important;text-align:left}.leaderboard tbody td:nth-child(3){font-weight:700;font-size:1.1rem}.leaderboard tbody tr:first-child td:nth-child(4),.leaderboard tbody tr:first-child td:nth-child(5){font-weight:400;font-size:1rem}.leaderboard tbody tr:nth-child(-n+3) td:first-child{font-size:1.1rem;line-height:1}.view-toggle{display:flex;gap:1rem;align-items:center}.export-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;cursor:pointer;white-space:nowrap}.toggle-btn{padding:.4rem .8rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.toggle-btn:hover,.toggle-btn.active{background:#e5e7eb}:root{--chart-card-height: 360px;--chart-gap: 1.5rem;--trend-badge-max: 240px;--radius-lg: .75rem;--shadow-sm: 0 2px 6px rgba(0,0,0,.05)}.charts-wrapper{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xl)}.charts-side-by-side{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--space-lg);margin-bottom:var(--space-lg);width:100%}.charts-side-by-side>.chart-card{width:100%!important;max-width:100%!important;flex:none!important;min-width:0!important}@media (max-width: 1024px){.charts-side-by-side{grid-template-columns:1fr!important}}.chart-card{flex:1 1 320px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem;min-width:300px;overflow:hidden;contain:layout paint}.chart--weeks{display:flex;flex-direction:column;overflow:hidden}.chart--weeks .chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.chart--weeks .chart-title{font-weight:600;font-size:1.05rem}.chart--weeks .chart-body{flex:1;min-height:0}.chart--weeks .chart-key{display:flex;gap:1rem;align-items:center;padding-top:.35rem;font-size:.85rem;color:#6b7280;flex-wrap:wrap}.key{display:flex;align-items:center;gap:.4rem}.key.current{font-weight:700;color:#111}.dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block}.dot-w2{background:#6b7280}.dot-w1{background:#ef4444}.dot-w0{background:#1d4ed8}.trend-badge{display:inline-block;background:#f3f4f6;border-radius:.65rem;padding:.45rem .7rem;line-height:1.1;width:fit-content;max-width:var(--trend-badge-max);white-space:nowrap;font-weight:700;font-size:.95rem}.trend-up{color:#16a34a}.trend-down{color:#dc2626}.trend-flat{color:#6b7280}.chart--full{flex:1 1 100%;min-height:300px}:root{--card-h-lg: 360px;--card-h-sm: 300px;--chart-gap: 1.5rem;--trend-badge-max: 240px;--radius-lg: .75rem;--shadow-sm: 0 2px 6px rgba(0,0,0,.05)}.chart--gauge{height:var(--card-h-lg);display:flex;flex-direction:column;align-items:center}.chart--gauge canvas{max-height:58%;display:block}.chart--weeks{height:var(--card-h-lg);display:flex;flex-direction:column}.chart-key{display:flex;gap:1rem;align-items:center;padding-top:.35rem;font-size:.85rem;color:#6b7280;flex-wrap:wrap}.trend-badge .row{display:block}.chart--full{flex:1 1 100%;height:var(--card-h-sm)}.gauge-sep{width:100%;height:1px;background:#eef0f3;margin:.35rem 0 .6rem}.gauge-header{width:100%;text-align:center;margin-bottom:1rem}.gauge-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:.25rem}.gauge-subtitle{font-size:13px;color:#6b7280;font-weight:400}body.dark-mode .gauge-title{color:#f1f3f5}body.dark-mode .gauge-subtitle{color:#9ba3af}.gauge-tiles{width:100%;display:flex;justify-content:space-evenly;align-items:center;gap:2rem;flex-wrap:wrap}.gauge-tile{display:flex;align-items:center;gap:.7rem;justify-content:center;flex:1;min-width:120px}.tile-dot{width:22px;height:22px;border-radius:50%}.tile-text{line-height:1.05}.tile-label{font-weight:700;color:#6366f1}.tile-value{font-weight:800;font-size:1.1rem}.tile-count{font-weight:400;font-size:.85rem;color:#6b7280;margin-left:.25rem}body.dark-mode .tile-count{color:#9ba3af}.health-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:.65rem;font-weight:600;font-size:.9rem;line-height:1}.health-indicator.excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.health-indicator.good{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e40}.health-indicator.moderate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b40}.health-indicator.warning{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444440}.health-indicator-icon{font-size:1.1rem}.kpi-card{position:relative;border-radius:24px;padding:18px 20px 16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 30px #0f172a1f;overflow:hidden}body.dark-mode .kpi-card{background:radial-gradient(circle at top left,rgba(129,140,248,.25),transparent) no-repeat,#020617;border-color:#94a3b866;box-shadow:0 22px 45px #0f172abf}.kpi-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.kpi-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}body.dark-mode .kpi-label{color:#9ca3af}.kpi-value{font-size:26px;font-weight:700;color:#111827}body.dark-mode .kpi-value{color:#e5e7eb}.kpi-sub{font-size:12px;color:#6b7280;margin-top:2px}body.dark-mode .kpi-sub{color:#9ca3af}.chart-title-small{font-size:13px;color:#374151;opacity:.8;margin-bottom:8px}body.dark-mode .chart-title-small{color:#e5e7eb}.chart-body--glass{position:relative;border-radius:18px;padding:4px 6px 0;background:#f9fafb}body.dark-mode .chart-body--glass{background:radial-gradient(circle at top,rgba(15,23,42,.95),transparent)}.chart-footnote{margin-top:8px;font-size:11px;color:#6b7280;opacity:.9}body.dark-mode .chart-footnote{color:#9ca3af}.team-card{flex:1 1 calc(66% - var(--chart-gap));max-width:800px;border-radius:24px;padding:18px 22px 20px}.team-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;flex-wrap:wrap;gap:8px}.team-title{font-size:16px;font-weight:600;color:#111827}body.dark-mode .team-title{color:#f1f3f5}.team-subtitle{font-size:12px;color:#6b7280}body.dark-mode .team-subtitle{color:#9ba3af}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media (max-width: 768px){.team-grid{grid-template-columns:1fr;gap:20px}.team-card{flex:1 1 100%}}.team-col{display:flex;flex-direction:column;gap:8px}.team-rank{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.team-captain{font-size:15px;font-weight:600;color:#111827;line-height:1.3}body.dark-mode .team-captain{color:#f1f3f5}.team-meta{font-size:13px;color:#4b5563;font-weight:500}body.dark-mode .team-meta{color:#e5e7eb}.team-dots{display:grid;grid-template-columns:repeat(6,8px);grid-auto-rows:8px;gap:5px 6px;margin-top:8px}.team-dot{width:6px;height:6px;border-radius:999px;background:#94a3b859;transition:all .2s ease}body.dark-mode .team-dot{background:#94a3b840}.team-dot--filled{background:#4b5563;box-shadow:0 1px 3px #0000001a}body.dark-mode{background:#1a1a1e!important;color:#f5f5f7!important;margin:0!important;padding:0!important;min-height:100vh!important}body.dark-mode .totals-label{color:#98989d!important}body.dark-mode .totals-value.cash{color:#32d74b!important}body.dark-mode .totals-value.revenu{color:#0a84ff!important}body.dark-mode .totals-sales{color:#ff9f0a!important}body.dark-mode .export-btn{background:#2c2c2e!important;border-color:#3a3a3c!important;color:#f5f5f7!important;box-shadow:0 2px 8px #0000004d!important}body.dark-mode .export-btn:hover{background:#3a3a3c!important;box-shadow:0 4px 12px #0006!important}body.dark-mode .export-btn.nda-btn-primary{background:#0a84ff!important;border:none!important;box-shadow:0 4px 16px #0a84ff80!important}body.dark-mode .export-btn.nda-btn-primary:hover{background:#409cff!important;box-shadow:0 6px 20px #0a84ff99!important}body.dark-mode .toggle-btn{background:#2c2c2e!important;border-color:#3a3a3c!important;color:#98989d!important}body.dark-mode .toggle-btn:hover{background:#3a3a3c!important;color:#f5f5f7!important}body.dark-mode .toggle-btn.active{background:#f5f5f7!important;color:#1c1c1e!important;border-color:#f5f5f7!important;box-shadow:0 4px 12px #f5f5f74d!important}body.dark-mode select{background:#2c2c2e!important;color:#f5f5f7!important;border-color:#3a3a3c!important}body.dark-mode select option{background:#2c2c2e!important;color:#f5f5f7!important}body.dark-mode .leaderboard thead th{background:#2c2c2e!important;color:#f5f5f7!important;border-color:#3a3a3c!important}body.dark-mode .leaderboard tbody tr{border-color:#2c2c2e!important}body.dark-mode .leaderboard tbody tr:first-child{background:linear-gradient(135deg,#ff9f0a26,#ff9f0a14)!important}body.dark-mode .leaderboard tbody tr:first-child td:nth-child(2),body.dark-mode .leaderboard tbody tr:first-child td:nth-child(3){color:#ff9f0a!important}body.dark-mode .leaderboard tbody tr:nth-child(n+3):nth-child(odd){background:#ffffff08!important}body.dark-mode .leaderboard td{color:#f5f5f7!important}body.dark-mode .avatar{border:2px solid #3a3a3c!important;box-shadow:0 2px 8px #00000080!important}body.dark-mode .chart-card.kpi-card{background:#242428!important;border:1px solid #333338!important;border-radius:20px!important;box-shadow:0 4px 20px #0006!important}body.dark-mode .kpi-label{color:#98989d!important}body.dark-mode .kpi-value{color:#f5f5f7!important}body.dark-mode .kpi-sub{color:#98989d!important}body.dark-mode .chart-title-small{color:#f5f5f7!important}body.dark-mode .chart-body--glass{background:#2c2c2e!important;border:1px solid #3a3a3c!important}body.dark-mode .chart-footnote{color:#98989d!important}body.dark-mode .gauge-title{color:#f5f5f7!important}body.dark-mode .gauge-subtitle{color:#98989d!important}body.dark-mode .gauge-sep{background:#3a3a3c!important}body.dark-mode .tile-label{color:#0a84ff!important}body.dark-mode .tile-value{color:#f5f5f7!important}body.dark-mode .tile-count{color:#98989d!important}body.dark-mode .trend-badge{background:#2c2c2e!important;border:1px solid #3a3a3c!important;color:#f5f5f7!important}body.dark-mode .trend-badge.trend-up{background:#32d74b26!important;border-color:#32d74b4d!important;color:#32d74b!important}body.dark-mode .trend-badge.trend-down{background:#ff453a26!important;border-color:#ff453a4d!important;color:#ff453a!important}body.dark-mode .trend-badge.trend-flat{background:#2c2c2e!important;border-color:#3a3a3c!important;color:#98989d!important}body.dark-mode .chart-key{color:#98989d!important}body.dark-mode .key.current,body.dark-mode .team-title{color:#f5f5f7!important}body.dark-mode .team-subtitle{color:#98989d!important}body.dark-mode .team-captain,body.dark-mode .team-meta{color:#f5f5f7!important}body.dark-mode .team-dot:not(.team-dot--filled){background:#98989d40!important}body.dark-mode .team-dot--filled{filter:brightness(1.5) saturate(1.3)!important;box-shadow:0 0 8px currentColor,0 2px 4px #00000080!important;opacity:1!important}body.dark-mode ::-webkit-scrollbar{width:10px!important;height:10px!important}body.dark-mode ::-webkit-scrollbar-track{background:#1a1a1e!important}body.dark-mode ::-webkit-scrollbar-thumb{background:#3a3a3c!important;border-radius:5px!important}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#48484a!important}body.dark-mode .money-emoji{filter:brightness(1.3)!important}body.dark-mode p{color:#f5f5f7!important}body.dark-mode canvas{background:transparent!important}body{background:#f5f5f7!important}.board-frame{background:#fff!important;border:none!important;border-radius:24px!important;box-shadow:0 8px 32px #00000014!important}.export-btn{background:#fff!important;border:1px solid #e5e5e5!important;border-radius:12px!important;padding:10px 16px!important;font-weight:500!important;font-size:14px!important;color:#1d1d1f!important;box-shadow:0 2px 8px #0000000a!important;transition:all .2s ease!important}.export-btn:hover{background:#f5f5f7!important;box-shadow:0 4px 12px #00000014!important;transform:translateY(-1px)!important}.toggle-btn{background:#fff!important;border:1px solid #e5e5e5!important;border-radius:12px!important;padding:10px 20px!important;font-weight:500!important;color:#86868b!important;transition:all .2s ease!important}.toggle-btn:hover{background:#f5f5f7!important;color:#1d1d1f!important}.toggle-btn.active{background:#1d1d1f!important;color:#fff!important;border-color:#1d1d1f!important;box-shadow:0 4px 12px #1d1d1f33!important}.range-select{max-width:max-content!important;width:fit-content!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.leaderboard-title{color:#1d1d1f!important;font-weight:600!important;letter-spacing:-.5px!important}.totals-value.cash{color:#30d158!important}.totals-value.revenu{color:#007aff!important}.totals-sales{color:#ff9500!important}.leaderboard{border-radius:16px!important;overflow:hidden!important}.leaderboard thead th{background:#f3f3f3!important;border-top:none!important;border-bottom:1px solid #e5e5e5!important;border-left:none!important;padding:16px 12px!important;font-weight:600!important;color:#1d1d1f!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.leaderboard tbody tr{border-bottom:1px solid #f5f5f7!important;transition:all .2s ease!important}.leaderboard tbody tr:hover td{background-color:#e8f0fc!important}.leaderboard tbody tr:first-child{background:linear-gradient(135deg,#fff9e6,#fff5d6)!important}.chart-card.kpi-card{background:#fff!important;border:1px solid #e5e5e5!important;border-radius:20px!important;box-shadow:0 4px 16px #0000000f!important;padding:24px!important}.kpi-label{color:#86868b!important;font-size:11px!important;font-weight:600!important;letter-spacing:.8px!important}.kpi-value{color:#1d1d1f!important;font-weight:700!important}.kpi-sub{color:#86868b!important}.gauge-tile{padding:12px!important;border-radius:12px!important;transition:all .2s ease!important}.gauge-tile:hover{background:#f5f5f7!important}.tile-label{color:#1d1d1f!important;font-weight:600!important}.tile-value{color:#1d1d1f!important}.trend-badge{background:#f5f5f7!important;border:1px solid #e5e5e5!important;border-radius:10px!important;padding:8px 14px!important;font-weight:600!important}.trend-badge.trend-up{background:#e8f7ee!important;color:#30d158!important;border-color:#c3ecd0!important}.trend-badge.trend-down{background:#ffe8e8!important;color:#ff3b30!important;border-color:#ffc9c9!important}.chart-body--glass{background:#fafafa!important;border-radius:16px!important;border:1px solid #f0f0f0!important}.avatar{border:2px solid #f5f5f7!important;box-shadow:0 2px 8px #00000014!important}::-webkit-scrollbar{width:10px!important;height:10px!important}::-webkit-scrollbar-track{background:#fafafa!important}::-webkit-scrollbar-thumb{background:#d1d1d6!important;border-radius:5px!important}::-webkit-scrollbar-thumb:hover{background:#86868b!important}body.dark-mode .export-btn{background:#2c2c2e!important;border-color:#38383a!important;color:#f5f5f7!important}body.dark-mode .export-btn:hover{background:#3a3a3c!important}.export-btn.nda-btn-primary{background:#007aff!important;color:#fff!important;border:none!important;font-weight:600!important;box-shadow:0 4px 12px #007aff4d!important}.export-btn.nda-btn-primary:hover{background:#0051d5!important;box-shadow:0 6px 16px #007aff66!important;transform:translateY(-2px)!important}.export-btn.nda-btn-primary:active{transform:translateY(0)!important;box-shadow:0 2px 8px #007aff4d!important}body.dark-mode .export-btn.nda-btn-primary{background:#0a84ff!important;box-shadow:0 4px 12px #0a84ff66!important}body.dark-mode .export-btn.nda-btn-primary:hover{background:#409cff!important;box-shadow:0 6px 16px #0a84ff80!important}.dark-mode-toggle{padding:10px 12px!important;min-width:auto!important;font-size:18px!important;line-height:1!important}.dark-mode-toggle:hover{transform:scale(1.1)!important}.nda-btn-compact{padding:8px 14px!important;font-size:13px!important;font-weight:600!important}body.dark-mode .toggle-btn{background:#2c2c2e!important;border-color:#38383a!important;color:#98989d!important}body.dark-mode .toggle-btn.active{background:#f5f5f7!important;color:#1c1c1e!important;border-color:#f5f5f7!important}body.dark-mode .leaderboard-title{color:#f5f5f7!important}body.dark-mode .leaderboard thead th{background:#2c2c2e!important;color:#f5f5f7!important}body.dark-mode .leaderboard tbody tr{border-color:#38383a!important}body.dark-mode .leaderboard tbody tr:hover td{background-color:#2c2c2e!important}body.dark-mode .chart-card.kpi-card{background:#242428!important;border-color:#333338!important;box-shadow:0 4px 16px #0006!important}body.dark-mode .kpi-value,body.dark-mode .tile-value,body.dark-mode .tile-label{color:#f5f5f7!important}body.dark-mode .chart-body--glass{background:#2c2c2e!important;border-color:#38383a!important}.leaderboard thead th:nth-child(3){text-align:center!important;padding-left:1rem!important;padding-right:1rem!important}.leaderboard tbody td:nth-child(3){text-align:center!important;padding-left:1rem!important;padding-right:1rem!important}.money-float-container{position:relative;display:inline-block}.money-emoji{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:2rem;pointer-events:none;animation:floatUp 2s ease-out forwards}@keyframes floatUp{0%{bottom:-10px;opacity:0;transform:translate(-50%) translateY(0) scale(.5)}15%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1)}to{bottom:60px;opacity:0;transform:translate(-50%) translateY(-60px) scale(1.2)}}body.dark-mode .money-emoji{filter:brightness(1.2)}.export-btn.nda-btn-primary{display:flex!important;align-items:center!important;gap:0px!important;padding:8px 15px 8px 2px!important;min-height:44px!important;max-height:44px!important;overflow:visible!important;position:relative!important;width:auto!important}.export-btn.nda-btn-primary img{width:50px!important;height:50px!important;object-fit:contain!important;flex-shrink:0!important;margin:-8px -8px -8px 0!important}.export-btn.declare-btn-secondary{display:flex!important;align-items:center!important;gap:0px!important;padding:8px 15px 8px 2px!important;min-height:44px!important;max-height:44px!important;overflow:visible!important;position:relative!important;width:auto!important}.export-btn.declare-btn-secondary img{width:50px!important;height:50px!important;object-fit:contain!important;flex-shrink:0!important;margin:-8px -8px -8px 0!important;filter:brightness(.7) grayscale(.3)!important}.tools-btn{display:flex!important;align-items:center!important;gap:0px!important;padding:8px 12px 8px 0!important;min-height:34px!important;max-height:34px!important;border-radius:10px!important;border:none!important;background:#f5f5f7!important;color:#1d1d1f!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;transition:background .15s!important;position:relative!important;overflow:visible!important}.tools-btn:hover{background:#e5e5e5!important}.tools-btn img{width:50px!important;height:50px!important;object-fit:contain!important;flex-shrink:0!important;margin:-8px -13px -8px 0!important;filter:brightness(.7) grayscale(.3)!important}body.dark-mode .tools-btn{background:#2a2b2e!important;color:#f5f5f7!important}body.dark-mode .tools-btn:hover{background:#333338!important}.eod-btn{border:none!important;background:linear-gradient(135deg,#6366f1,#6366f1d1)!important;color:#fff!important;font-weight:650!important;padding:10px 14px!important;border-radius:14px!important;box-shadow:0 10px 22px #6366f138!important;gap:10px!important;display:flex!important;align-items:center!important;transition:all .2s!important}.eod-btn:hover{transform:translateY(-1px)!important;box-shadow:0 14px 28px #6366f147!important;filter:saturate(1.05)}.eod-btn:active{transform:translateY(0)!important}.eod-btn__icon{font-size:16px;line-height:1}.eod-btn__label{font-size:14px}.eod-btn__badge{margin-left:2px;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22)}body.dark-mode .eod-btn{box-shadow:0 14px 34px #6366f147!important}.eod-tabs{position:relative;display:inline-flex;padding:4px;border-radius:14px;border:1px solid #e5e5e5;background:#f5f5f7;gap:4px;overflow:hidden}body.dark-mode .eod-tabs{border-color:#333338;background:#1a1a1e}.eod-tabs__pill{position:absolute;top:4px;left:4px;width:118px;height:calc(100% - 8px);border-radius:12px;background:#4f46e5;transition:transform .22s cubic-bezier(.2,.9,.2,1);will-change:transform}.eod-tabs__btn{position:relative;width:118px;padding:10px 12px;border:none;background:transparent;cursor:pointer;font-weight:700;font-size:13px;color:#1d1d1f;z-index:1}body.dark-mode .eod-tabs__btn{color:#f5f5f7}.eod-tabs__btn.is-active{color:#fff}@media (max-width: 600px){.eod-grid-2col{grid-template-columns:1fr!important;gap:24px!important}.eod-grid{grid-template-columns:1fr!important}.mood-container{gap:12px!important}.mood-btn{min-width:70px!important}}@keyframes boardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes boardFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.board-frame{animation:boardFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:12px}body:not(.dark-mode) .skeleton{background:linear-gradient(90deg,#00000005,#0000000f,#00000005);background-size:1000px 100%}.content-fade-in{animation:contentFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}.totals-value.perf-neutral{color:#3a3a3c!important}body.dark-mode .totals-value.perf-neutral{color:#d1d1d6!important}.employee-page{min-height:100vh;background:#f5f5f7;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.employee-page.dark-mode{background:#000}.emp-container{max-width:1200px;margin:0 auto;padding:32px 24px}.emp-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:12px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;font-weight:600;font-size:14px;color:#1d1d1f;text-decoration:none;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.emp-back:hover{background:#f5f5f7;transform:translate(-4px);box-shadow:0 4px 12px #00000014}.dark-mode .emp-back{background:#2c2c2e;border-color:#3a3a3c;color:#f5f5f7}.dark-mode .emp-back:hover{background:#3a3a3c}.emp-header-card{display:flex;align-items:center;gap:20px;padding:28px 32px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:24px}.dark-mode .emp-header-card{background:#1c1c1e;border-color:#2c2c2e;box-shadow:0 8px 32px #0006}.emp-left{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.emp-avatar-wrap{width:80px;height:80px;flex-shrink:0}.emp-avatar{width:100%;height:100%;border-radius:16px;object-fit:cover;border:3px solid #f5f5f7;box-shadow:0 4px 12px #0000001a}.dark-mode .emp-avatar{border-color:#2c2c2e}.emp-avatar.emp-placeholder{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.dark-mode .emp-avatar.emp-placeholder{background:linear-gradient(135deg,#3a3a3c,#2c2c2e)}.emp-id-block{flex:1;min-width:0}.emp-name{margin:0;font-size:clamp(24px,4vw,32px);font-weight:800;color:#1d1d1f;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .emp-name{color:#f5f5f7}.emp-subtitle{margin-top:6px;font-size:14px;color:#86868b;font-weight:500}.dark-mode .emp-subtitle{color:#98989d}.emp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media (max-width: 768px){.emp-stats{grid-template-columns:1fr}}.stat-card{position:relative;padding:28px 24px;border-radius:20px;text-align:center;box-shadow:0 8px 32px #0000000f;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.stat-icon{font-size:32px;margin-bottom:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-value{font-size:clamp(28px,5vw,36px);font-weight:800;line-height:1.1;margin-bottom:8px}.stat-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.stat-card.ventes{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}.dark-mode .stat-card.ventes{background:linear-gradient(135deg,#10b98126,#10b98114);color:#34d399}.stat-card.cash{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8}.dark-mode .stat-card.cash{background:linear-gradient(135deg,#2563eb26,#2563eb14);color:#60a5fa}.stat-card.revenu{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#c2410c}.dark-mode .stat-card.revenu{background:linear-gradient(135deg,#ea580c26,#ea580c14);color:#fb923c}.emp-history-card{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:28px 32px;box-shadow:0 8px 32px #0000000f}.dark-mode .emp-history-card{background:#1c1c1e;border-color:#2c2c2e;box-shadow:0 8px 32px #0006}.emp-history-head{margin-bottom:20px}.emp-history-head h2{font-size:20px;font-weight:700;color:#1d1d1f;margin:0 0 6px}.dark-mode .emp-history-head h2{color:#f5f5f7}.emp-history-count{font-size:13px;color:#86868b;font-weight:500}.dark-mode .emp-history-count{color:#98989d}.emp-history-empty{text-align:center;padding:60px 20px;color:#86868b}.dark-mode .emp-history-empty{color:#98989d}.emp-empty-icon{font-size:48px;margin-bottom:16px}.emp-loader{width:40px;height:40px;border:4px solid #e5e5e5;border-top-color:#007aff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.dark-mode .emp-loader{border-color:#3a3a3c;border-top-color:#0a84ff}.emp-history-table-wrap{width:100%;overflow-x:auto;border-radius:12px}.emp-history{width:100%;border-collapse:collapse;font-size:14px;min-width:800px}.emp-history thead th{padding:14px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;border-bottom:2px solid #e5e5e5;background:#f9fafb}.dark-mode .emp-history thead th{color:#98989d;border-bottom-color:#2c2c2e;background:#2c2c2e}.emp-history tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.dark-mode .emp-history tbody tr{border-bottom-color:#2c2c2e}.emp-history tbody tr:hover{background:#f9fafb}.dark-mode .emp-history tbody tr:hover{background:#2c2c2e}.emp-history tbody td{padding:16px 12px;color:#374151}.dark-mode .emp-history tbody td{color:#e5e7eb}.emp-date{font-weight:500;color:#6b7280;white-space:nowrap}.dark-mode .emp-date{color:#9ba3af}.emp-client{font-weight:600}.emp-amount,.emp-mensualite{font-weight:600;font-variant-numeric:tabular-nums}.emp-history-comment{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7280;font-size:13px}.dark-mode .emp-history-comment{color:#9ba3af}.emp-chip{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.emp-chip.mode-m{background:#d1fae5;color:#047857}.dark-mode .emp-chip.mode-m{background:#10b98133;color:#34d399}.emp-chip.mode-a{background:#e0e7ff;color:#4338ca}.dark-mode .emp-chip.mode-a{background:#6366f133;color:#818cf8}.emp-chip.mode-default{background:#f3f4f6;color:#6b7280}.dark-mode .emp-chip.mode-default{background:#3a3a3c;color:#9ba3af}.emp-chip.tunnel{background:#f5f5f7;color:#374151;border:1px solid #e5e5e5}.dark-mode .emp-chip.tunnel{background:#2c2c2e;color:#e5e7eb;border-color:#3a3a3c}@media (max-width: 768px){.emp-container{padding:20px 16px}.emp-header-card{padding:20px}.emp-avatar-wrap{width:64px;height:64px}.emp-history-card{padding:20px 16px}.emp-history{font-size:13px}.emp-history thead th,.emp-history tbody td{padding:12px 8px}}html,body{height:100%;margin:0;background:#f5f5f7!important}*,*:before,*:after{box-sizing:border-box}:root{--wizard-min-h: 430px;--wizard-pad: 32px}.wizard-outer{min-height:100svh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,32px);background:#f5f5f7!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}@media (max-width: 900px){.wizard-outer{padding:clamp(12px,3vw,24px)}}@supports not (height: 100svh){.wizard-outer{min-height:100vh;height:100vh}}.wizard{width:100%;max-width:1100px;display:grid;grid-template-columns:260px 1fr;gap:32px;margin:0 auto}.wizard-side{background:#fff;border:1px solid #e5e5e5;border-radius:24px;padding:24px;position:sticky;top:24px;align-self:flex-start;height:fit-content;min-height:480px;box-shadow:0 4px 16px #0000000f}.wizard-brand{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f5f5f7}.wizard-brand img{display:block;object-fit:contain}.wizard-steps{display:flex;flex-direction:column;gap:8px}.step{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:12px;border:0;background:transparent;text-align:left;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s ease}.step .bullet{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;border:2px solid #e5e5e5;color:#86868b;background:#fff;transition:all .2s ease}.step .label{font-weight:500;font-size:15px;color:#1d1d1f}.step.active{background:#f5f5f7}.step.active .bullet{border-color:#007aff;color:#007aff;background:#e6f2ff}.step.done .bullet{background:#007aff;color:#fff;border-color:#007aff}.step.todo:hover{background:#fafafa}.wizard-content{background:#fff;border:1px solid #e5e5e5;border-radius:24px;box-shadow:0 8px 32px #00000014;min-height:var(--wizard-min-h);padding:var(--wizard-pad);display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;transition:height .3s ease-in-out}.contract-title{margin:0;font-size:32px;font-weight:600;color:#1d1d1f;letter-spacing:-.5px}.contract-subtitle{color:#86868b;margin:8px 0 16px;font-size:15px;font-weight:400}.wizard-content>:nth-child(3){align-self:start}.wizard-content>form,.wizard-content>div:nth-child(3){animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-nav{grid-row:4;display:flex;justify-content:flex-start;gap:12px;padding-top:20px;border-top:1px solid #f5f5f7}.actions-bottom{margin-top:20px;display:flex;justify-content:center}.wizard-outer .export-btn{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;margin:0}.field{display:block;margin-top:20px}.field label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#1d1d1f;letter-spacing:.02em}.input{width:100%;padding:12px 16px;border:1px solid #e5e5e5;border-radius:12px;outline:none;background:#fff;font-size:15px;color:#1d1d1f;transition:all .2s ease}.input:focus{border-color:#007aff;box-shadow:0 0 0 4px #007aff1a}.input::placeholder{color:#86868b}select.input{cursor:pointer}.error{color:#ff3b30;display:block;margin-top:6px;font-size:13px;font-weight:500}.warn{color:#ff9500;display:block;margin-top:6px;font-size:13px;font-weight:500}.card{margin-top:20px;border:1px solid #e5e5e5;border-radius:16px;padding:20px;background:#fafafa}.card legend{font-weight:600;color:#1d1d1f;font-size:15px;padding:0 8px}.preview{border-style:solid;background:#fafafa;border-color:#e5e5e5}.preview-title{font-weight:600;font-size:16px;color:#1d1d1f;margin-bottom:12px}.preview-body{white-space:pre-wrap;line-height:1.6;color:#1d1d1f;font-size:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reps-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px}.btn-ghost{padding:12px 20px;border-radius:12px;border:1px solid #e5e5e5;background:#fff;color:#1d1d1f;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.btn-ghost:hover{background:#f5f5f7;box-shadow:0 2px 8px #0000000a}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.export-btn{padding:12px 24px;border-radius:12px;border:none;background:#007aff;color:#fff;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #007aff4d}.export-btn:hover{background:#0051d5;box-shadow:0 4px 12px #007aff66;transform:translateY(-1px)}@media (max-width: 900px){.wizard{grid-template-columns:1fr}.wizard-side{position:static}}@media (max-width: 640px){.grid2,.reps-row{grid-template-columns:1fr}.contract-title{font-size:24px}}@media (max-height: 720px){.wizard-outer{align-items:flex-start;overflow:auto}}.wizard-outer.dark-mode{background:#1a1a1e!important}.wizard-outer.dark-mode .wizard-side{background:#242428!important;border-color:#333338!important;box-shadow:0 4px 20px #0009!important}.wizard-outer.dark-mode .wizard-brand{border-bottom-color:#333338!important}.wizard-outer.dark-mode .step .bullet{border-color:#333338!important;color:#8b8d93!important;background:#242428!important}.wizard-outer.dark-mode .step .label{color:#f5f5f7!important}.wizard-outer.dark-mode .step.active{background:#2a2b2e!important}.wizard-outer.dark-mode .step.active .bullet{border-color:#0a84ff!important;color:#0a84ff!important;background:#0a84ff26!important}.wizard-outer.dark-mode .step.done .bullet{background:#0a84ff!important;color:#fff!important;border-color:#0a84ff!important}.wizard-outer.dark-mode .step.todo:hover{background:#2a2b2e!important}.wizard-outer.dark-mode .wizard-content{background:#242428!important;border-color:#333338!important;box-shadow:0 8px 32px #0009!important}.wizard-outer.dark-mode .contract-title{color:#f5f5f7!important}.wizard-outer.dark-mode .contract-subtitle{color:#8b8d93!important}.wizard-outer.dark-mode .wizard-nav{border-top-color:#333338!important}.wizard-outer.dark-mode .field label{color:#f5f5f7!important}.wizard-outer.dark-mode .input{background:#2a2b2e!important;border-color:#333338!important;color:#f5f5f7!important}.wizard-outer.dark-mode .input:focus{border-color:#0a84ff!important;box-shadow:0 0 0 4px #0a84ff26!important}.wizard-outer.dark-mode .input::placeholder{color:#8b8d93!important}.wizard-outer.dark-mode select.input option{background:#2a2b2e!important;color:#f5f5f7!important}.wizard-outer.dark-mode .error{color:#ff453a!important}.wizard-outer.dark-mode .warn{color:#ff9f0a!important}.wizard-outer.dark-mode .card{background:#2a2b2e!important;border-color:#333338!important}.wizard-outer.dark-mode .card legend{color:#f5f5f7!important}.wizard-outer.dark-mode .preview{background:#2a2b2e!important;border-color:#333338!important}.wizard-outer.dark-mode .preview-title,.wizard-outer.dark-mode .preview-body{color:#f5f5f7!important}.wizard-outer.dark-mode .btn-ghost{background:#2a2b2e!important;border-color:#333338!important;color:#f5f5f7!important}.wizard-outer.dark-mode .btn-ghost:hover{background:#333338!important;box-shadow:0 2px 8px #0000004d!important}.wizard-outer.dark-mode .btn-ghost:disabled{opacity:.4!important}.wizard-outer.dark-mode .export-btn{background:#0a84ff!important;box-shadow:0 4px 12px #0a84ff66!important}.wizard-outer.dark-mode .export-btn:hover{background:#409cff!important;box-shadow:0 6px 16px #0a84ff80!important}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff 25%,transparent 25%),linear-gradient(225deg,#ffffff 25%,transparent 25%),linear-gradient(45deg,#ffffff 25%,transparent 25%),linear-gradient(315deg,#ffffff 25%,transparent 25%);background-size:80px 80px;background-position:0 0,0 40px,40px -40px,-40px 0px;opacity:.03;z-index:0}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:40px 36px;width:100%;max-width:380px;box-shadow:0 4px 6px #00000005,0 10px 30px #0000000f;position:relative;z-index:1;animation:fadeIn .6s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-header{text-align:center;margin-bottom:28px}.login-logo{width:80px;height:80px;margin:0 auto 20px;background:#1d1d1f;border:2px solid #1d1d1f;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 2px 8px #0000001a}.login-header h1{color:#1d1d1f;font-size:28px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.login-header p{color:#6b7280;font-size:15px;font-weight:400}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:#374151;font-size:14px;font-weight:600;margin-left:4px}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#9ca3af;transition:color .2s;z-index:1}.input-wrapper:focus-within .input-icon{color:#1d1d1f}.form-group input{padding:14px 16px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#1d1d1f;font-size:15px;font-weight:400;transition:all .2s ease;width:100%}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{outline:none;border-color:#1d1d1f;background:#fff;box-shadow:0 0 0 3px #1d1d1f0d}.form-group input:hover:not(:focus){border-color:#d1d5db;background:#fff}.login-form button{margin-top:8px;padding:16px;border-radius:10px;border:none;background:#1d1d1f;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.login-form button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .2s}.login-form button:hover:not(:disabled):before{opacity:1}.login-form button:hover:not(:disabled){background:#2d2d2f;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-form button:active:not(:disabled){transform:translateY(0)}.login-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626;padding:14px 16px;border-radius:10px;font-size:14px;font-weight:500;text-align:left;display:flex;align-items:center;gap:10px}.login-error:before{content:"⚠️";font-size:18px;flex-shrink:0}.login-form button:disabled:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin-left:12px;margin-top:-9px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.login-card{padding:36px 28px}.login-header h1{font-size:24px}.login-logo{width:64px;height:64px;font-size:28px}}.mouse-dot{border-radius:50%;will-change:transform,opacity;transition:background-color .2s ease}@media (pointer: coarse),(hover: none){.mouse-dot{display:none!important}}