*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{color:#e4e4e7;background:#08090e;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.login-wrapper{background:#08090e;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#12131a;border:1px solid #1e1f2a;border-radius:12px;width:360px;max-width:90vw;padding:40px}.login-box h1{color:#e4e4e7;text-align:center;margin-bottom:8px;font-size:22px;font-weight:600}.login-box p{color:#71717a;text-align:center;margin-bottom:24px;font-size:13px}.login-box label{color:#a1a1aa;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.login-box input{color:#e4e4e7;background:#0a0b10;border:1px solid #27272a;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:10px 12px;font-size:14px;transition:border-color .2s}.login-box input:focus{border-color:#3b82f6}.login-box .login-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;padding:10px 0;font-size:14px;font-weight:600;transition:background .2s}.login-box .login-btn:hover{background:#2563eb}.login-box .login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#f87171;text-align:center;background:#ef44441a;border-radius:6px;margin-bottom:16px;padding:8px 12px;font-size:13px}.dashboard{background:#08090e;flex-direction:column;min-height:100vh;display:flex}.topbar{background:#0c0d14;border-bottom:1px solid #1a1b26;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex}.topbar-brand{align-items:center;gap:10px;display:flex}.topbar-logo{color:#e4e4e7;letter-spacing:-.3px;font-size:15px;font-weight:700}.topbar-logo span{color:#3b82f6}.topbar-badge{color:#71717a;text-transform:uppercase;letter-spacing:.5px;background:#1a1b26;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-refresh{color:#52525b;font-size:11px}.topbar-user{color:#a1a1aa;font-size:13px;font-weight:500}.topbar-logout{color:#71717a;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s}.topbar-logout:hover{color:#ef4444;border-color:#ef4444}.dashboard-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:20px 24px 32px}.dashboard-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.spinner{border:3px solid #1a1b26;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-loading span{color:#52525b;font-size:13px}.kpi-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-section-title{text-transform:uppercase;letter-spacing:1px;color:#52525b;font-size:11px;font-weight:600}.period-wrapper{align-items:center;gap:10px;display:flex}.period-dates{align-items:center;gap:6px;display:flex}.period-date-input{color:#a1a1aa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c0d14;border:1px solid #1a1b26;border-radius:6px;outline:none;padding:5px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .2s}.period-date-input:focus{border-color:#3b82f6}.period-date-sep{color:#3f3f46;font-size:12px}.period-selector{background:#0c0d14;border:1px solid #1a1b26;border-radius:8px;gap:2px;padding:3px;display:flex}.period-btn{color:#52525b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.period-btn:hover{color:#a1a1aa;background:#ffffff08}.period-btn.active{color:#e4e4e7;background:#3b82f6}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.kpi-card{cursor:pointer;background:#12131a;border:1px solid #1a1b26;border-left:4px solid #0000;border-radius:10px;padding:16px 18px;transition:all .2s;position:relative;overflow:hidden}.kpi-card:before{content:"";opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.kpi-card:hover{border-color:#27272a;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.kpi-card:hover:before{opacity:1}.kpi-card.active{border-color:#27272a;box-shadow:0 0 0 1px #ffffff0d}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-card-title{align-items:center;gap:8px;display:flex}.kpi-card-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.kpi-card-name{color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.kpi-card-arrow{color:#3f3f46;font-size:14px;transition:color .2s,transform .2s}.kpi-card:hover .kpi-card-arrow{color:#71717a;transform:translate(2px)}.kpi-card-value{color:#e4e4e7;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:28px;font-weight:700;line-height:1.1}.kpi-card-label{color:#52525b;margin-bottom:12px;font-size:12px}.kpi-card-metrics{border-top:1px solid #1a1b26;flex-direction:column;gap:4px;padding-top:10px;display:flex}.kpi-card-metric{justify-content:space-between;align-items:center;font-size:12px;display:flex}.kpi-card-metric-label{color:#52525b}.kpi-card-metric-value{color:#a1a1aa;font-variant-numeric:tabular-nums;font-weight:600}.kpi-card--sales{border-left-color:#3b82f6}.kpi-card--sales .kpi-card-icon{color:#3b82f6;background:#3b82f61f}.kpi-card--sales:before{background:linear-gradient(135deg,#3b82f608 0%,#0000 60%)}.kpi-card--sales.active{border-left-color:#3b82f6;box-shadow:0 0 20px #3b82f614}.kpi-card--production{border-left-color:#22c55e}.kpi-card--production .kpi-card-icon{color:#22c55e;background:#22c55e1f}.kpi-card--production:before{background:linear-gradient(135deg,#22c55e08 0%,#0000 60%)}.kpi-card--production.active{border-left-color:#22c55e;box-shadow:0 0 20px #22c55e14}.kpi-card--stock{border-left-color:#f59e0b}.kpi-card--stock .kpi-card-icon{color:#f59e0b;background:#f59e0b1f}.kpi-card--stock:before{background:linear-gradient(135deg,#f59e0b08 0%,#0000 60%)}.kpi-card--stock.active{border-left-color:#f59e0b;box-shadow:0 0 20px #f59e0b14}.kpi-card--service{border-left-color:#a855f7}.kpi-card--service .kpi-card-icon{color:#a855f7;background:#a855f71f}.kpi-card--service:before{background:linear-gradient(135deg,#a855f708 0%,#0000 60%)}.kpi-card--service.active{border-left-color:#a855f7;box-shadow:0 0 20px #a855f714}.kpi-card--tasks{border-left-color:#06b6d4}.kpi-card--tasks .kpi-card-icon{color:#06b6d4;background:#06b6d41f}.kpi-card--tasks:before{background:linear-gradient(135deg,#06b6d408 0%,#0000 60%)}.kpi-card--tasks.active{border-left-color:#06b6d4;box-shadow:0 0 20px #06b6d414}.kpi-card--protocols{border-left-color:#6366f1}.kpi-card--protocols .kpi-card-icon{color:#6366f1;background:#6366f11f}.kpi-card--protocols:before{background:linear-gradient(135deg,#6366f108 0%,#0000 60%)}.kpi-card--protocols.active{border-left-color:#6366f1;box-shadow:0 0 20px #6366f114}.kpi-card--reports{border-left-color:#ec4899}.kpi-card--reports .kpi-card-icon{color:#ec4899;background:#ec48991f}.kpi-card--reports:before{background:linear-gradient(135deg,#ec489908 0%,#0000 60%)}.kpi-card--reports.active{border-left-color:#ec4899;box-shadow:0 0 20px #ec489914}.kpi-card--bonuses{border-left-color:#10b981}.kpi-card--bonuses .kpi-card-icon{color:#10b981;background:#10b9811f}.kpi-card--bonuses:before{background:linear-gradient(135deg,#10b98108 0%,#0000 60%)}.kpi-card--bonuses.active{border-left-color:#10b981;box-shadow:0 0 20px #10b98114}.kpi-card--users{border-left-color:#6b7280}.kpi-card--users .kpi-card-icon{color:#6b7280;background:#6b72801f}.kpi-card--users:before{background:linear-gradient(135deg,#6b728008 0%,#0000 60%)}.kpi-card--users.active{border-left-color:#6b7280;box-shadow:0 0 20px #6b728014}.module-tabs{background:#0c0d14;border:1px solid #1a1b26;border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.module-tab{color:#52525b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.module-tab:hover{color:#a1a1aa;background:#ffffff08}.module-tab.active{color:#e4e4e7;background:#1a1b26}.module-tab-icon{font-size:13px}.module-detail{background:#12131a;border:1px solid #1a1b26;border-radius:10px;min-height:200px;padding:20px;animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.module-detail-header{border-bottom:1px solid #1a1b26;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.module-detail-title{color:#e4e4e7;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.module-detail-title span{font-size:18px}.module-detail-close{color:#71717a;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.module-detail-close:hover{color:#a1a1aa;border-color:#52525b}.module-detail-loading{color:#52525b;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:13px;display:flex}.module-detail-error{text-align:center;color:#f87171;padding:40px;font-size:13px}.detail-section{border-top:1px solid #1a1b26;margin-top:24px;padding-top:20px}.detail-section-title{color:#a1a1aa;margin-bottom:14px;font-size:13px;font-weight:600}.detail-chart{flex-direction:column;gap:8px;display:flex}.detail-bar-row{align-items:center;gap:12px;display:flex}.detail-bar-label{color:#a1a1aa;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:140px;font-size:13px;overflow:hidden}.detail-bar-track{background:#0c0d14;border-radius:4px;flex:1;height:24px;position:relative;overflow:hidden}.detail-bar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .5s ease-out}.detail-bar-value{color:#e4e4e7;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:80px;font-size:12px;font-weight:600}.detail-table{border-collapse:collapse;width:100%}.detail-table th{color:#52525b;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid #1a1b26;padding:8px 12px;font-size:11px;font-weight:600}.detail-table td{color:#a1a1aa;border-bottom:1px solid #1a1b2680;padding:10px 12px;font-size:13px}.detail-table tr:last-child td{border-bottom:none}.detail-table td.num{font-variant-numeric:tabular-nums;color:#e4e4e7;text-align:right;font-weight:600}.detail-table td.positive{color:#22c55e}.detail-table td.negative{color:#ef4444}.detail-stats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.detail-stat{background:#0c0d14;border-radius:8px;padding:14px}.detail-stat-label{color:#52525b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px}.detail-stat-value{color:#e4e4e7;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.detail-stat-sub{color:#52525b;margin-top:4px;font-size:11px}@media (width<=900px){.topbar{height:48px;padding:0 16px}.topbar-badge,.topbar-refresh{display:none}.dashboard-main{padding:16px}.kpi-section-header{flex-direction:column;align-items:flex-start;gap:8px}.period-wrapper{flex-wrap:wrap;gap:8px}.period-btn{padding:4px 8px;font-size:11px}.period-date-input{padding:4px 6px;font-size:11px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{padding:12px 14px}.kpi-card-value{font-size:22px}.kpi-card-metrics{display:none}.module-tabs{gap:2px;padding:3px}.module-tab{padding:6px 10px;font-size:11px}.module-tab-icon{display:none}.module-detail{padding:14px}.detail-bar-label{width:100px;font-size:12px}.detail-bar-value{width:60px;font-size:11px}.detail-stats{grid-template-columns:repeat(2,1fr);gap:8px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}}.cc-sales{flex-direction:column;gap:16px;display:flex}.cc-kpi-strip{border-radius:12px;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;overflow:hidden}.cc-kpi{background:#11121a;flex-direction:column;gap:3px;padding:18px 20px;display:flex}.cc-kpi:first-child{border-radius:12px 0 0 12px}.cc-kpi:last-child{border-radius:0 12px 12px 0}.cc-kpi-label{text-transform:uppercase;letter-spacing:.08em;color:#63637a;font-size:10px;font-weight:700}.cc-kpi-value{color:#e4e4e7;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800;line-height:1}.cc-kpi-delta{font-size:11px;font-weight:600}.cc-kpi-delta.up{color:#22c55e}.cc-kpi-delta.down{color:#ef4444}.cc-kpi-plan{align-items:baseline;gap:6px;margin-top:4px;display:flex}.cc-kpi-plan-label{color:#63637a;font-size:10px}.cc-kpi-plan-num{color:#fff6;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.cc-kpi-pct{border-radius:20px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.cc-kpi-pct.ok{color:#22c55e;background:#22c55e1f}.cc-kpi-pct.warn{color:#f59e0b;background:#f59e0b1f}.cc-kpi-pct.fail{color:#ef4444;background:#ef44441f}.cc-kpi-pct.none{color:#63637a;background:#ffffff0f}.cc-kpi-bar{background:#ffffff0a;border-radius:3px;height:3px;margin-top:6px;overflow:hidden}.cc-kpi-bar-fill{border-radius:3px;height:100%;transition:width .6s}.cc-branches{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cc-branch{background:#11121a;border:1px solid #ffffff0f;border-radius:12px;padding:16px 18px;transition:border-color .15s;position:relative;overflow:hidden}.cc-branch:hover{border-color:#ffffff1f}.cc-branch:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.cc-branch.kf:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.cc-branch.vf:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.cc-branch.chf:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.cc-branch-name{color:#63637a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:11px;font-weight:700}.cc-branch-grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.cc-branch-metric{flex-direction:column;gap:2px;display:flex}.cc-branch-metric-label{color:#63637a;text-transform:uppercase;letter-spacing:.04em;font-size:9px}.cc-branch-metric-value{color:#e4e4e7;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;line-height:1.1}.cc-branch-metric-plan{align-items:baseline;gap:4px;margin-top:1px;display:flex}.cc-branch-metric-plan-text{color:#63637a;opacity:.7;font-size:10px}.cc-branch-metric-plan-pct{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.cc-branch-sep{background:#ffffff0f;grid-column:1/-1;height:1px}.cc-table-wrap{background:#11121a;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.cc-table-header-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cc-table-title{color:#63637a;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.cc-table-count{color:#63637a;background:#181924;border-radius:10px;padding:2px 10px;font-size:11px}table.cc-table{border-collapse:collapse;width:100%}.cc-table th{color:#63637a;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#0c0d14;border-bottom:1px solid #ffffff0f;padding:10px 14px;font-size:10px;font-weight:700}.cc-table th.num{text-align:right}.cc-table td{color:#a1a1aa;border-bottom:1px solid #ffffff08;padding:10px 14px;font-size:13px}.cc-table td.num{text-align:right;font-variant-numeric:tabular-nums;color:#e4e4e7;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.cc-table td.danger{color:#ef4444}.cc-table tr:hover td{background:#ffffff05}.cc-table .mgr-name{color:#e4e4e7;font-weight:600}.cc-table .branch-tag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.branch-tag.kf{color:#60a5fa;background:#3b82f626}.branch-tag.vf{color:#a78bfa;background:#8b5cf626}.branch-tag.chf{color:#fbbf24;background:#f59e0b26}.cc-table .bar-cell{justify-content:flex-end;align-items:center;gap:8px;display:flex}.cc-table .mini-bar{background:#ffffff0a;border-radius:2px;flex-shrink:0;width:60px;height:4px;overflow:hidden}.cc-table .mini-bar-fill{border-radius:2px;height:100%}@media (width<=900px){.cc-kpi-strip{grid-template-columns:repeat(2,1fr)}.cc-branches{grid-template-columns:1fr}.cc-kpi-value{font-size:20px}.cc-table{font-size:12px}}