:root{--bg: #ffffff;--surface: #f7f8f8;--border: #e6e8eb;--text: #16181d;--muted: #6b7280;--accent: #2b6ef2;--accent-ink: #ffffff;--danger: #d1435b;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:380px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.brand{font-size:22px;font-weight:650;letter-spacing:-.01em;margin:0 0 4px}.brand-sub{color:var(--muted);margin:0 0 22px;font-size:13px}label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:var(--bg);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}button.primary{width:100%;margin-top:22px;padding:11px 14px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;font-size:15px;font-weight:550;cursor:pointer}button.primary:disabled{opacity:.55;cursor:default}.err{margin-top:16px;color:var(--danger);font-size:13px;background:#fdf0f2;border:1px solid #f6d4da;padding:9px 11px;border-radius:8px}.shell{display:flex;min-height:100%}.side{width:240px;border-right:1px solid var(--border);background:var(--surface);padding:20px 14px;flex-shrink:0}.side .brand{font-size:18px;padding:0 8px 16px}.nav a,.nav .navitem{display:block;padding:9px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:14px;cursor:pointer}.nav .navitem:hover{background:#eef0f2}.main{flex:1;padding:28px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.muted{color:var(--muted)}.pill{display:inline-block;font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 10px}button.ghost{background:transparent;border:1px solid var(--border);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:13px;color:var(--text)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tool{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--bg)}.tool h4{margin:0 0 4px;font-size:14px}.tool p{margin:0;font-size:13px;color:var(--muted)}.tool .state{font-size:12px;margin-top:8px}.on{color:#157347}.off{color:var(--muted)}.navitem.active{background:#e7edfb;color:var(--accent);font-weight:550}.sm{font-size:13px;padding:6px 10px}button.primary.sm{width:auto;margin-top:0}h3{margin:22px 0 10px;font-size:15px}.inline-form,.search-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.inline-form input,.search-form input,.inline-form select{width:auto;padding:8px 10px;font-size:14px}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:center}.grid-form input{width:100%}.mini{display:inline-flex;flex-direction:column;font-size:12px;color:var(--muted)}.mini input{width:70px}.tbl{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.tbl th{text-align:left;color:var(--muted);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px}.tbl td{padding:10px;border-bottom:1px solid var(--border)}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover{background:var(--surface)}.empty{text-align:center;padding:28px}.card-block{border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin:14px 0;background:var(--bg)}.card-block .row{margin:6px 0}.list{list-style:none;padding:0;margin:10px 0}.list li{padding:7px 0;border-bottom:1px solid var(--border);font-size:14px}.events{list-style:none;padding:0;margin:10px 0}.events li{padding:6px 0;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:16px}.stat{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:var(--bg)}.stat-value{font-size:30px;font-weight:650;letter-spacing:-.02em}.stat-value.accent{color:var(--accent)}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px}.kcol{min-width:200px;flex:0 0 200px}.kcol-head{font-size:13px;font-weight:550;padding:6px 8px;color:var(--muted)}.kcard{border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:8px;background:var(--bg);cursor:pointer;box-shadow:var(--shadow)}.kcard:hover{border-color:var(--accent)}.kcard-title{font-size:14px;font-weight:550;margin-bottom:2px}.tool.switch{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.tool.switch input{width:auto;margin-top:2px}@media(max-width:640px){.shell{flex-direction:column}.side{width:auto;border-right:none;border-bottom:1px solid var(--border)}.main{padding:20px}}