:root{--ink: #0f172a;--muted: #64748b;--paper: #f1f5f9;--card: #ffffff;--line: #e2e8f0;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--sidebar: #0f172a;--sidebar-text: #94a3b8;--sidebar-on: #ffffff;--danger: #dc2626;--warn: #d97706;--flag: #fff7ed;--bad: #fef2f6;font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,select,input{font:inherit}h1,h2{font-weight:650;letter-spacing:-.03em;margin:0 0 8px}a{color:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 400px at 10% -10%,#dbeafe 0%,transparent 50%),var(--paper)}.login-card,.card,.popup{background:var(--card);padding:28px;border-radius:16px;width:min(420px,92vw);box-shadow:0 16px 40px #0f172a14;border:1px solid var(--line);display:grid;gap:12px}.login-card h1{margin:0}.login-kicker{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.login-card label,.catalog-form label,.edit-card label,.toolbar label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.popup{text-align:center;padding:28px 24px 22px;animation:fade .18s ease-out}.popup h2{margin-bottom:4px}.popup p{margin:0;color:var(--muted);line-height:1.45}.popup-error h2{color:var(--danger)}.popup-warn h2{color:var(--warn)}.popup-ok h2{color:var(--accent)}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spinner{width:28px;height:28px;margin:8px auto 0;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:20px 16px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;color:#fff}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700}.brand span{display:block;color:var(--sidebar-text);font-size:12px;font-weight:500}.sidebar nav{display:grid;gap:4px}.nav-link{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;color:var(--sidebar-text)}.nav-link:hover{background:#ffffff0f;color:#fff}.nav-link.on{background:#2563eb38;color:var(--sidebar-on)}.sidebar-foot{margin-top:auto;display:grid;gap:12px}.stat-stack{display:grid;gap:4px;font-size:12px}.shell-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:22px 24px 8px}.topbar h1{margin:0;font-size:26px}.page-stage{padding:8px 24px 32px;flex:1}.page-layer.on{animation:fade .18s ease}.page-layer[hidden]{display:none}.stats,.muted,.hint{color:var(--muted)}.actions,.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end}button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:600}button:hover{background:var(--accent-hover)}button.ghost{background:var(--accent-soft);color:var(--accent)}button.ghost:hover{background:#dbeafe}.sidebar button.ghost{background:#ffffff14;color:#fff}.sidebar button.ghost:hover{background:#ffffff24}button.danger{background:var(--danger)}button.danger:hover{background:#b91c1c}button:disabled{opacity:.55;cursor:not-allowed}.banner,.error{background:var(--bad);color:var(--danger);padding:10px 14px;border-radius:12px;margin:0}.toolbar{margin:0 0 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px #0f172a0a}.dir-filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dir-filter button{padding:6px 12px;font-size:13px}.toolbar-filter{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.toolbar select,.toolbar input[type=range],input,select{min-width:180px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff}input[type=checkbox]{min-width:16px;width:16px;height:16px;padding:0;margin:0;flex-shrink:0;accent-color:var(--accent)}input[type=time]{min-width:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.grid-wrap,.conflicts,.catalog-form,.create-form{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #0f172a0a}.grid-wrap{overflow:auto;padding:8px}table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}th,td{border:1px solid var(--line);vertical-align:top;padding:8px}th{background:#f8fafc;font-weight:650}td{min-width:150px;height:96px;background:#fff}.cell{display:grid;gap:2px;background:var(--accent-soft);border:1px solid #dbeafe;border-radius:10px;padding:7px;margin-bottom:6px;cursor:grab;font-size:12px}.cell.flagged{background:var(--flag)}.cell.conflict{background:var(--bad)}.conflicts{padding:16px}.conflicts ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-height:70vh;overflow:auto}.conflicts li{padding-bottom:10px;border-bottom:1px solid var(--line)}button.link{background:none;color:var(--accent);padding:0;text-align:left;border-radius:0}button.link:hover{background:none;text-decoration:underline}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:40;padding:16px}.card.wide{width:min(920px,96vw)}.catalog{display:grid;gap:16px}.catalog-form form,.catalog-form,.create-form{display:grid;gap:10px;padding:18px}.create-form{padding:18px}.catalog-table{width:100%;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--line)}.catalog-table td{height:auto;min-width:0}.edit-card{width:min(560px,94vw);max-height:86vh;overflow-x:hidden;overflow-y:auto;background:var(--card);padding:22px;border-radius:16px;border:1px solid var(--line);box-shadow:0 16px 40px #0f172a1f;display:grid;gap:12px}.edit-card.wide{width:min(980px,96vw)}.edit-card form,.edit-card label{display:grid;gap:6px}.chip-list{display:flex;flex-wrap:wrap;gap:8px;max-height:280px;overflow-x:hidden;overflow-y:auto;padding-right:4px}.chip{display:inline-flex;flex-direction:row;align-items:center;gap:8px;max-width:100%;background:var(--accent-soft);border:1px solid #dbeafe;border-radius:999px;padding:6px 12px 6px 8px;font-size:13px;font-weight:600;line-height:1.2}.chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline{display:flex;gap:8px;align-items:center}.inline input{min-width:0;flex:1}.slot-grid{width:100%}.slot-grid td{text-align:center;height:auto;min-width:64px}.slot-grid th{white-space:nowrap}.hint{padding:8px 10px 4px}@media (max-width: 960px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.layout{grid-template-columns:1fr}}