:root{--bg: #0b1220;--bg-soft: #101a2e;--card: #131f36;--card-edge: #1d2c4a;--text: #e8eefb;--muted: #9db0c9;--accent: #38bdf8;--accent-2: #a78bfa;--ok: #34d399;--bad: #f87171;--radius: 14px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:radial-gradient(1200px 600px at 80% -10%,#14284d 0%,var(--bg) 55%);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative}.login-wrap .lang-toggle{position:absolute;top:24px;right:24px}.login-card{background:var(--card);border:1px solid var(--card-edge);border-radius:20px;padding:40px 36px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #00000073}.logo-big-img{width:220px;max-width:100%;align-self:center;border-radius:12px}.login-card h1{font-size:18px;margin:0}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 22px;position:sticky;top:0;z-index:50;background:#0b1220d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-edge)}.brand{display:flex;align-items:center;gap:10px}.logo-img{height:34px;width:auto;border-radius:6px;display:block}.brand-sub{color:var(--muted);font-size:12px}.tabs,.subtabs{display:flex;gap:6px;flex-wrap:wrap}.tab{border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 14px;border-radius:10px;cursor:pointer;font:inherit;font-weight:600}.tab:hover{color:var(--text);background:var(--bg-soft)}.tab.active{color:var(--text);background:var(--card);border-color:var(--card-edge)}.tab-icon{margin-right:6px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.lang-toggle{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--card-edge);background:var(--bg-soft);border-radius:999px;cursor:pointer}.lang-opt{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);transition:background .15s,color .15s}.lang-opt.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#06121f}.content{padding:22px;max-width:1500px;width:100%;margin:0 auto}.tab-fade{animation:tab-fade-in .15s ease-out}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.view-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:6px}.view-head h2{margin:0;font-size:20px}.loading{padding:60px;text-align:center;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}.card{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card h3{margin:0 0 12px;font-size:15px}.card.stat{margin-bottom:0}.stat-label{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.stat-value{font-size:26px;font-weight:800;margin-top:4px}.stat-value.ok{color:var(--ok)}.stat-value.bad{color:var(--bad)}.stat-sub{color:var(--muted);font-size:12px;margin-top:2px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin-bottom:14px}.grid-2 .card{margin-bottom:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:7px 10px;text-align:left;border-bottom:1px solid rgba(157,176,201,.12)}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;position:sticky;top:0;background:var(--card)}th.group{text-align:center;border-left:1px solid var(--card-edge);color:var(--text)}td.sep,th.sep{border-left:1px solid var(--card-edge)}td.hl{font-weight:700}td.bad-soft{color:var(--bad)}td.indent{padding-left:26px;color:var(--muted)}.section-row td{background:var(--bg-soft);font-weight:700;color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:.6px}.total-row td{background:#38bdf812;font-weight:700}.total-cell{font-weight:700}.sticky-col{position:sticky;left:0;background:var(--card);z-index:1}.section-row .sticky-col,.total-row .sticky-col{background:inherit}.inactive-row td{opacity:.45}table.dense th,table.dense td{padding:6px 8px;font-size:13px}.rank{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:8px;font-weight:800}.rank-A{background:#34d3992e;color:var(--ok)}.rank-B{background:#38bdf82e;color:var(--accent)}.rank-C{background:#fbbf242e;color:#fbbf24}.rank-D{background:#f871712e;color:var(--bad)}.rank-text-A{color:var(--ok)}.rank-text-B{color:var(--accent)}.rank-text-C{color:#fbbf24}.rank-text-D{color:var(--bad)}.ok-text{color:var(--ok)}.card.stat.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s}.card.stat.clickable:hover{border-color:var(--accent);background:#38bdf80d}.stat-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-label-right{display:flex;align-items:center;gap:6px}.trend-badge{font-size:11px;font-weight:700;padding:3px 7px;border-radius:999px;white-space:nowrap}.trend-badge.trend-good{background:#34d39926;color:var(--ok)}.trend-badge.trend-bad{background:#f8717126;color:var(--bad)}.trend-badge.trend-flat{background:#9db0c926;color:var(--muted)}.expand-hint{color:var(--muted);font-size:13px;opacity:0;transition:opacity .15s}.card.stat.clickable:hover .expand-hint,.chart-card-head.clickable:hover .expand-hint,tr.row-clickable:hover .row-hint{opacity:1}.chart-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.chart-card-head.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.chart-card-head h3{margin:0}.chart-card-head.clickable:hover h3{color:var(--accent)}tr.row-clickable{cursor:pointer}tr.row-clickable:hover td{background:#38bdf80f;color:var(--accent)}.row-hint{display:inline-block;width:16px;color:var(--muted);font-size:12px;opacity:0;transition:opacity .15s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050912b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal-panel{background:var(--card);border:1px solid var(--card-edge);border-radius:18px;width:100%;max-width:880px;max-height:84vh;display:flex;flex-direction:column;box-shadow:0 40px 100px #0000008c;animation:modal-in .15s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--card-edge);flex-shrink:0}.modal-head h2{margin:0;font-size:19px}.modal-head p{margin:4px 0 0}.modal-close{padding:6px 12px;font-size:15px;line-height:1}.modal-body{padding:20px 24px;overflow-y:auto}.modal-body table.dense th,.modal-body table.dense td{padding:10px 14px;font-size:14px}@media(max-width:700px){.modal-overlay{padding:0;align-items:flex-end}.modal-panel{max-width:none;max-height:90vh;border-radius:18px 18px 0 0}}.search-input{width:100%;max-width:320px}.callout{background:#38bdf814;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius);padding:16px 20px;margin-bottom:14px}.callout h4{margin:0 0 8px;font-size:14px}.callout ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.callout li{font-size:13px;color:var(--text)}.btn{border:1px solid var(--card-edge);background:var(--bg-soft);color:var(--text);padding:8px 14px;border-radius:10px;cursor:pointer;font:inherit;font-weight:600}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(90deg,#0ea5e9,#6366f1);border:none}.btn.ghost{background:transparent}input,select,textarea{background:var(--bg-soft);border:1px solid var(--card-edge);color:var(--text);padding:8px 12px;border-radius:10px;font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{width:100%;margin:8px 0;resize:vertical}.week-picker{display:flex;align-items:center;gap:8px}.week-label{font-weight:700;min-width:210px;text-align:center}.row-gap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.muted{color:var(--muted)}.small{font-size:12px}.error-text{color:var(--bad);margin:8px 0}.success-text{color:var(--ok);margin:8px 0;font-weight:600}.dropzone{border:2px dashed var(--card-edge);border-radius:var(--radius);padding:34px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s}.dropzone:hover{border-color:var(--accent);color:var(--text)}.dropzone-icon{font-size:30px;margin-bottom:8px}.paste-details{margin:14px 0}.paste-details summary{cursor:pointer;color:var(--muted);font-weight:600}.preview-box{margin-top:14px;padding:14px;border-radius:10px;background:#38bdf814;border:1px solid rgba(56,189,248,.3)}.hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:14px}.hours-section h4{margin:0 0 8px;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.hours-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.hours-row input{width:80px;text-align:center}@media(max-width:700px){.content{padding:12px}.week-label{min-width:0;font-size:13px}.stat-value{font-size:20px}}.export-bar{display:flex;gap:8px;margin:4px 0 14px}@media print{.topbar,.subtabs,.no-print,.export-bar,.btn,.lang-toggle,.expand-hint,.row-hint,.dropzone,.callout,.search-input{display:none!important}body{background:#fff;color:#000}.app,.content{max-width:100%;padding:0}.card{background:#fff;border:1px solid #ccc;box-shadow:none;break-inside:avoid}.card,.stat-value,.stat-label,h2,h3{color:#000!important}th{background:#f2f2f2;color:#000}.total-row td,.section-row td{background:#eee!important;color:#000!important}td.ok-text{color:#0a7d33!important}td.bad-soft,.stat-value.bad{color:#b3261e!important}}