:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8f7;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#0f766e14,#f7f8f700 320px),#f7f8f7;min-width:320px;min-height:100vh;margin:0}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e0e5e2;border-radius:8px;gap:16px;width:min(430px,100%);padding:28px;display:grid;box-shadow:0 24px 70px #1720261f}.brand-title{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:cover;border:1px solid #d8dfdc;border-radius:8px;width:58px;height:58px;box-shadow:0 10px 28px #17202629}.brand-logo.large{width:82px;height:82px}.login-card button{width:100%}.login-hint{color:#66736d;font-size:13px;line-height:1.35}.input-icon{background:#fff;border:1px solid #d8dfdc;border-radius:7px;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:0 10px;display:grid}.input-icon input{border:0;padding:0}.input-icon input:focus{outline:0}button,select,input{font:inherit}button{color:#172026;cursor:pointer;background:#fff;border:1px solid #d8dfdc;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;transition:border-color .12s,transform .12s,background .12s;display:inline-flex}button:hover{border-color:#0f766e;transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.65}.app-shell{width:min(1500px,100vw - 32px);margin:0 auto;padding:24px 0 48px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;min-height:116px;display:flex}.profile-strip{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.profile-strip div{color:#33423b;background:#fff;border:1px solid #e0e5e2;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:inline-flex}.eyebrow,.filter-label,.editor-head span,.toast,.busy{align-items:center;gap:8px;display:inline-flex}.eyebrow{color:#0f766e;text-transform:uppercase;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{margin-top:6px;font-size:38px;line-height:1.1}h2{font-size:20px;line-height:1.2}.topbar p{color:#66736d;margin-top:8px}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.main-nav{background:#fff;border:1px solid #e0e5e2;border-radius:8px;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:10px;display:flex;box-shadow:0 14px 35px #1720260f}.main-nav button.active{color:#fff;background:#0f766e;border-color:#0f766e}.file-input{display:none}.filters{background:#fff;border:1px solid #e0e5e2;border-radius:8px;grid-template-columns:auto minmax(190px,1fr) repeat(4,minmax(150px,220px)) 42px;align-items:end;gap:12px;padding:14px;display:grid;box-shadow:0 14px 35px #1720260f}.ranking-page{gap:16px;display:grid}.ranking-filters{background:#fff;border:1px solid #e0e5e2;border-radius:8px;grid-template-columns:auto repeat(2,minmax(160px,240px)) 42px;align-items:end;gap:12px;padding:14px;display:grid;box-shadow:0 14px 35px #1720260f}.podium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.podium-card{cursor:pointer;background:#fff;border:1px solid #e0e5e2;border-top:5px solid #b45309;border-radius:8px;grid-template-columns:58px 1fr;align-items:start;gap:12px;min-height:220px;padding:16px;display:grid;box-shadow:0 14px 35px #1720260f}.podium-card.gold{border-top-color:#d97706}.podium-card.silver{border-top-color:#94a3b8}.podium-card.bronze{border-top-color:#b45309}.trophy-mark{border:1px solid #edf0ee;border-radius:8px;place-items:center;width:52px;height:52px;font-size:31px;display:grid}.podium-card span,.podium-card small{color:#66736d;font-size:13px}.podium-card strong{margin:10px 0 4px;font-size:30px;display:block}.podium-metrics{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.podium-metrics span{color:#66736d;border:1px solid #edf0ee;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:0 10px;display:flex}.podium-metrics b{color:#172026}.ranking-layout{grid-template-columns:minmax(0,1fr) 330px;gap:16px;display:grid}.ranking-table-section{margin-top:0}.attention-panel{background:#fff;border:1px solid #e0e5e2;border-radius:8px;padding:16px;box-shadow:0 14px 35px #1720260d}.attention-list{gap:8px;display:grid}.attention-list button{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4px;min-height:58px}.attention-list small{color:#66736d;font-size:12px}.attention-list p{color:#66736d;font-size:14px}.clickable-row{cursor:pointer}.employee-filters{grid-template-columns:auto minmax(170px,220px) minmax(170px,220px) 42px}.filter-label{color:#5c6762;align-self:center;font-weight:700}.mrf-group{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:34px;padding:0 13px}.chip.active{color:#fff;background:#0f766e;border-color:#0f766e}label{color:#5c6762;gap:6px;font-size:13px;font-weight:700;display:grid}select,input,textarea{color:#172026;background:#fff;border:1px solid #d8dfdc;border-radius:7px;width:100%;min-height:38px;padding:0 10px}textarea{resize:vertical;min-height:82px;padding:10px}input[type=checkbox]{width:18px;min-height:18px}.profile-page{grid-template-columns:330px minmax(0,1fr);gap:16px;display:grid}.profiles-list,.profile-card{background:#fff;border:1px solid #e0e5e2;border-radius:8px;padding:16px;box-shadow:0 14px 35px #1720260d}.profile-buttons{gap:8px;max-height:680px;display:grid;overflow:auto}.profile-buttons button{justify-content:space-between;min-height:46px}.profile-buttons button.active{color:#fff;background:#0f766e;border-color:#0f766e}.profile-buttons b{color:#be185d;font-size:12px}.profile-hero{align-items:center;gap:18px;margin-bottom:14px;display:flex}.avatar-box{justify-items:center;gap:8px;width:118px;min-width:118px;display:grid}.avatar-box>img,.avatar-box>svg{object-fit:cover;background:#eef5f3;border:1px solid #d8dfdc;border-radius:8px;width:104px;height:104px}.avatar-upload{cursor:pointer;color:#172026;background:#fff;border:1px solid #d8dfdc;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 10px;display:inline-flex}.avatar-upload input{display:none}.award-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.award-strip span{color:#713f12;background:#fef9c3;border:1px solid #facc15;border-radius:7px;align-items:center;min-height:32px;padding:0 10px;font-size:13px;display:inline-flex}.unsaved-badge{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;min-height:28px;margin:8px 0 0;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.profile-readonly{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.profile-readonly span{color:#66736d;border:1px solid #edf0ee;border-radius:7px;gap:4px;padding:10px;font-size:13px;display:grid}.profile-readonly strong{color:#172026}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-block{border:1px solid #edf0ee;border-radius:8px;gap:12px;padding:14px;display:grid}.plan-form,.plan-list{gap:8px;display:grid}.plan-list article{border:1px solid #edf0ee;border-radius:7px;grid-template-columns:38px 1fr 38px;align-items:start;gap:10px;padding:8px;display:grid}.plan-list article.done{opacity:.65}.plan-list article.done strong{text-decoration:line-through}.plan-list p{color:#66736d;margin-top:4px;font-size:13px}.award-confirm{margin-top:16px}.icon-button{width:38px;min-width:38px;padding:0}.toast{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-top:14px;padding:10px 12px}.kpi-grid{grid-template-columns:repeat(8,minmax(130px,1fr));gap:12px;margin-top:16px;display:grid}.kpi{background:#fff;border:1px solid #e0e5e2;border-top:4px solid #0f766e;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:132px;padding:14px;display:flex}.kpi:nth-child(2n){border-top-color:#be185d}.kpi:nth-child(3n){border-top-color:#b45309}.kpi span{color:#66736d;font-size:13px;line-height:1.25}.kpi strong{font-size:27px;line-height:1}.kpi-meta{color:#64748b;font-size:12px;line-height:1.25}.kpi-meta.positive{color:#047857}.kpi-meta.negative{color:#be123c}.kpi.quiet{border-top-color:#475569}.region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.region-card{background:#fff;border:1px solid #e0e5e2;border-radius:8px;padding:16px;box-shadow:0 14px 35px #1720260d}.region-card h2{margin-bottom:12px}.region-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.region-metrics span{color:#66736d;border:1px solid #edf0ee;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:0 10px;display:flex}.region-metrics strong{color:#172026}.charts-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:16px;margin-top:16px;display:grid}.chart-panel,.table-section,.admin-panel{background:#fff;border:1px solid #e0e5e2;border-radius:8px;padding:16px;box-shadow:0 14px 35px #1720260d}.chart-panel h2{margin-bottom:12px}.chart-head{justify-content:space-between;align-items:start;gap:14px;margin-bottom:12px;display:flex}.chart-head h2{margin-bottom:0}.metric-pickers{grid-template-columns:minmax(190px,1fr);gap:8px;width:min(320px,100%);display:grid}.metric-pickers select{min-height:34px;font-size:13px}.table-section,.admin-panel{margin-top:16px}.user-form{grid-template-columns:repeat(5,minmax(150px,1fr)) auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.user-form button{min-width:128px}.security-panel{margin-top:16px}.security-note{color:#66736d;margin-bottom:12px;font-size:14px}.security-form{grid-template-columns:minmax(220px,320px) auto}.two-factor-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.qr-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:220px;height:220px;padding:8px}.backup-codes{grid-template-columns:repeat(5,minmax(80px,1fr));gap:8px;display:grid}.backup-codes code{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:7px;padding:8px;display:block}.user-actions{gap:6px;display:flex}.user-actions button{min-height:30px;padding:0 9px;font-size:12px}.section-title{justify-content:space-between;align-items:center;min-height:34px;margin-bottom:12px;display:flex}.section-title span{color:#66736d;font-size:13px}.settings-actions,.table-tools{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;display:flex}.table-tools{justify-content:space-between}.table-tools label{align-items:center;gap:8px;min-width:min(420px,100%);display:flex}.cell-hint{color:#64748b;margin-top:4px;font-size:11px;display:block}.empty-state{color:#66736d;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:300px;display:grid}.report-scroll,.records-table-wrap{border:1px solid #e5e7eb;border-radius:7px;width:100%;max-height:620px;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th,td{white-space:nowrap;text-align:left;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:9px 10px}th{z-index:2;color:#33423b;background:#eef5f3;font-weight:800;position:sticky;top:0}.report-table th:first-child,.report-table td:first-child{z-index:3;background:#fff;position:sticky;left:0}.report-table th:nth-child(2),.report-table td:nth-child(2){z-index:3;background:#fff;min-width:240px;position:sticky;left:78px}.report-table thead th{background:#e9f3ef}.report-table thead tr:first-child th{top:0}.report-table thead tr:nth-child(2) th{top:38px}.report-table td{text-align:right}.report-table td:first-child,.report-table td:nth-child(2){text-align:left}.admin-records th:first-child,.admin-records td:first-child{text-align:center;width:48px}.records-table .sticky-person{z-index:3;background:#fff;min-width:220px;position:sticky;left:0}.records-table thead .sticky-person{z-index:4;background:#eef5f3}.sort-head{min-height:auto;color:inherit;font:inherit;background:0 0;border:0;padding:0}.metric-ok{color:#065f46;background:#ecfdf5;font-weight:800}.metric-bad{color:#9f1239;background:#fff1f2;font-weight:800}.records-table tbody tr:hover,.report-table tbody tr:hover td{background:#fbf4f7}.team-table th{color:#fff;background:#4c1d95}.editor{z-index:20;background:#fff;border:1px solid #d8dfdc;border-radius:8px;flex-direction:column;width:min(620px,100vw - 32px);padding:18px;display:flex;position:fixed;top:16px;bottom:16px;right:16px;box-shadow:0 24px 70px #1720263d}.editor-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.editor-head span{color:#66736d;font-size:13px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 4px 14px 0;display:grid;overflow:auto}.editor-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.busy{z-index:30;color:#fff;background:#172026;border-radius:8px;padding:10px 14px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #17202640}@media (width<=1100px){.filters,.ranking-filters,.charts-grid,.kpi-grid,.region-grid,.user-form,.podium-grid,.ranking-layout{grid-template-columns:1fr 1fr}.filter-label,.mrf-group{grid-column:1/-1}.chart-head,.metric-pickers{grid-template-columns:1fr}.chart-head{display:grid}}@media (width<=720px){.app-shell{width:min(100vw - 18px,1500px);padding-top:12px}.topbar{display:grid}h1{font-size:30px}.filters,.ranking-filters,.charts-grid,.kpi-grid,.region-grid,.podium-grid,.ranking-layout,.profile-page,.profile-readonly,.profile-grid,.editor-grid,.user-form,.employee-filters{grid-template-columns:1fr}.actions{justify-content:stretch}.actions button{flex:1}}[data-theme=dark]{color:#e8eee9;background:#111716}[data-theme=dark] body{background:linear-gradient(#14b8a61f,#11171600 330px),#111716}[data-theme=dark] .login-card,[data-theme=dark] .main-nav,[data-theme=dark] .filters,[data-theme=dark] .ranking-filters,[data-theme=dark] .profile-strip div,[data-theme=dark] .profiles-list,[data-theme=dark] .profile-card,[data-theme=dark] .kpi,[data-theme=dark] .region-card,[data-theme=dark] .podium-card,[data-theme=dark] .attention-panel,[data-theme=dark] .chart-panel,[data-theme=dark] .table-section,[data-theme=dark] .admin-panel,[data-theme=dark] .editor{background:#18201e;border-color:#2e3a36;box-shadow:0 14px 35px #00000047}[data-theme=dark] .brand-logo{border-color:#33413d}[data-theme=dark] button,[data-theme=dark] select,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] .input-icon{color:#e8eee9;background:#111716;border-color:#33413d}[data-theme=dark] button:hover{border-color:#2dd4bf}[data-theme=dark] .main-nav button.active,[data-theme=dark] .chip.active{color:#06201d;background:#14b8a6;border-color:#14b8a6}[data-theme=dark] .eyebrow{color:#5eead4}[data-theme=dark] .filter-label,[data-theme=dark] label,[data-theme=dark] .topbar p,[data-theme=dark] .kpi span,[data-theme=dark] .kpi-meta,[data-theme=dark] .section-title span,[data-theme=dark] .cell-hint,[data-theme=dark] .attention-list small,[data-theme=dark] .security-note,[data-theme=dark] .region-metrics span,[data-theme=dark] .editor-head span,[data-theme=dark] .login-hint{color:#a8b8b1}[data-theme=dark] .region-metrics span,[data-theme=dark] .podium-metrics span,[data-theme=dark] .profile-block,[data-theme=dark] .profile-readonly span,[data-theme=dark] .plan-list article,[data-theme=dark] .trophy-mark,[data-theme=dark] .report-scroll,[data-theme=dark] .records-table-wrap,[data-theme=dark] .editor-head,[data-theme=dark] .editor-actions{border-color:#2e3a36}[data-theme=dark] .region-metrics strong,[data-theme=dark] .podium-metrics b,[data-theme=dark] .profile-readonly strong,[data-theme=dark] .kpi strong{color:#f4fbf7}[data-theme=dark] .avatar-upload,[data-theme=dark] .avatar-box>img,[data-theme=dark] .avatar-box>svg{color:#e8eee9;background:#111716;border-color:#33413d}[data-theme=dark] .award-strip span{color:#fde68a;background:#3a2d0a;border-color:#a16207}[data-theme=dark] th{color:#f4fbf7;background:#24302d}[data-theme=dark] td,[data-theme=dark] th{border-color:#2e3a36}[data-theme=dark] .report-table th:first-child,[data-theme=dark] .report-table td:first-child,[data-theme=dark] .report-table th:nth-child(2),[data-theme=dark] .report-table td:nth-child(2),[data-theme=dark] .records-table .sticky-person{background:#18201e}[data-theme=dark] .records-table thead .sticky-person{background:#24302d}[data-theme=dark] .metric-ok{color:#86efac;background:#10372e}[data-theme=dark] .metric-bad{color:#fda4af;background:#3b1420}[data-theme=dark] .empty-state,[data-theme=dark] .unsaved-badge{border-color:#7c3f12}[data-theme=dark] .backup-codes code,[data-theme=dark] .qr-box{background:#111716;border-color:#33413d}[data-theme=dark] .report-table thead th{background:#24302d}[data-theme=dark] .team-table th{background:#5b21b6}[data-theme=dark] .records-table tbody tr:hover,[data-theme=dark] .report-table tbody tr:hover td{background:#2a1d26}[data-theme=dark] .toast{color:#fdba74;background:#32210f;border-color:#7c3f12}