:root{--bg: #f4f7fb;--surface: #ffffff;--surface-alt: #f8fafd;--sidebar: #111a23;--sidebar-dark: #0b1219;--sidebar-hover: #172534;--primary: #1769e0;--primary-hover: #0f5bc8;--primary-soft: #eaf2ff;--text: #1d2b3c;--text-muted: #66758c;--border: #dde5ef;--success: #1f9d55;--success-soft: #e8f6ee;--warning: #d98216;--warning-soft: #fdf3e5;--danger: #d9363e;--danger-soft: #fdecec;--xs: 4px;--s: 8px;--m: 12px;--l: 16px;--xl: 24px;--radius: 10px;--row-h: 28px;--control-h: 34px;--font: "Segoe UI", "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1{font-size:20px;font-weight:700;margin:0 0 var(--m)}h2{font-size:14px;font-weight:600;margin:0 0 var(--s)}a{color:var(--primary)}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;flex:0 0 240px;background:var(--sidebar);display:flex;flex-direction:column;color:#dce7ef}.brand{background:var(--sidebar-dark);padding:var(--l) var(--m);font-weight:700;letter-spacing:.04em;font-size:13px;line-height:1.4}.brand small{display:block;font-weight:400;color:#7d93a8;font-size:11px;letter-spacing:0}.nav{flex:1;overflow-y:auto;padding:var(--s) 0}.nav a{display:block;padding:10px var(--l);color:#dce7ef;text-decoration:none;font-size:13px;border-left:3px solid transparent}.nav a:hover{background:var(--sidebar-hover)}.nav a.active{background:var(--primary);color:#fff;font-weight:600;border-left-color:#fff}.user-bar{background:var(--sidebar-dark);padding:var(--m);font-size:11px;color:#c7d4e3;display:flex;justify-content:space-between;align-items:center;gap:var(--s)}.user-bar button{background:none;border:1px solid #2c3d4e;color:#c7d4e3;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px}.user-bar button:hover{background:var(--sidebar-hover)}.content{flex:1;overflow-y:auto;padding:var(--xl)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--m);margin-bottom:var(--l);flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--l);margin-bottom:var(--l)}.card.critical{border-color:var(--danger)}.grid{display:grid;gap:var(--l)}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.kpi{display:flex;flex-direction:column;gap:var(--xs)}.kpi .value{font-size:22px;font-weight:700;line-height:1.1}.kpi .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi .hint{font-size:11px;color:var(--text-muted)}.kpi.bad .value{color:var(--danger)}.kpi.warn .value{color:var(--warning)}.kpi.good .value{color:var(--success)}.field{display:flex;flex-direction:column;gap:var(--xs);margin-bottom:var(--m)}.field label{font-size:11px;color:var(--text-muted);font-weight:600}input,select,textarea{font-family:var(--font);font-size:13px;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:0 10px;height:var(--control-h);background:var(--surface);width:100%}textarea{height:auto;padding:var(--s) 10px;resize:vertical;min-height:70px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-alt);color:var(--text-muted)}.field-row{display:grid;gap:var(--m);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}button,.btn{font-family:var(--font);font-size:13px;height:var(--control-h);padding:0 var(--l);border-radius:6px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}button:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.danger{background:var(--danger-soft);border-color:#f2c2c4;color:var(--danger)}button.danger:hover:not(:disabled){background:#fadcdd;border-color:var(--danger)}button.success{background:var(--success-soft);border-color:#bfe3cd;color:var(--success)}button.small{height:26px;padding:0 10px;font-size:12px}.btn-row{display:flex;gap:var(--s);flex-wrap:wrap}.filters{display:flex;gap:var(--xs);flex-wrap:wrap;margin-bottom:var(--m)}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer;height:auto;color:var(--text)}.chip:hover{background:var(--primary-soft)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.chip .count{opacity:.7;margin-left:5px;font-variant-numeric:tabular-nums}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:12.5px}thead th{background:var(--surface-alt);font-weight:600;text-align:left;padding:var(--s) 10px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1;white-space:nowrap}tbody td{padding:0 10px;height:var(--row-h);border-bottom:1px solid #eef2f7}tbody tr:hover{background:var(--surface-alt)}tbody tr.selected{background:var(--primary-soft)}tbody tr.clickable{cursor:pointer}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.auto-row{color:var(--text-muted);font-style:italic}.empty{padding:var(--xl);text-align:center;color:var(--text-muted)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.badge.neutral{background:var(--surface-alt);color:var(--text-muted)}.badge.info{background:var(--primary-soft);color:var(--primary)}.alert{border-radius:8px;padding:var(--m);font-size:12.5px;margin-bottom:var(--m)}.alert.error{background:var(--danger-soft);color:#8f1f25;border:1px solid #f2c2c4}.alert.warn{background:var(--warning-soft);color:#8a5310;border:1px solid #f0dcbe}.alert.info{background:var(--primary-soft);color:#11477f;border:1px solid #c9dffb}.alert.ok{background:var(--success-soft);color:#14663a;border:1px solid #bfe3cd}.alert ul{margin:var(--xs) 0 0;padding-left:18px}.muted{color:var(--text-muted)}.hint{font-size:11px;color:var(--text-muted)}.spacer{flex:1}.row{display:flex;align-items:center;gap:var(--s);flex-wrap:wrap}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--sidebar) 0%,#1b3247 100%)}.login-box{background:var(--surface);border-radius:14px;padding:var(--xl);width:360px}.login-box h1{font-size:17px;margin-bottom:var(--xs)}.login-box .sub{color:var(--text-muted);font-size:12px;margin-bottom:var(--l)}.planner{display:grid;grid-template-columns:210px 1fr;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:auto}.planner-head{background:var(--surface-alt);font-weight:600;font-size:12px;padding:var(--s);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.planner-days{display:grid}.planner-name{padding:var(--s);border-bottom:1px solid #eef2f7;font-size:12.5px;border-right:1px solid var(--border)}.planner-cell{border-bottom:1px solid #eef2f7;border-right:1px solid #f2f5f9;padding:3px;min-height:42px;font-size:11px}.planner-cell.weekend{background:var(--surface-alt)}.assign-chip{background:var(--primary-soft);color:#11477f;border-radius:5px;padding:2px 5px;margin-bottom:2px;cursor:pointer;line-height:1.35}.assign-chip:hover{background:#d7e7fd}.assign-chip b{font-weight:600}@media(max-width:900px){.shell{flex-direction:column}.sidebar{width:100%;flex:none;flex-direction:row;overflow-x:auto}.nav{display:flex}.content{padding:var(--m)}}