:root{--bg: #0d1117;--panel: #161b22;--accent: #58a6ff;--muted: #8b949e;--text: #c9d1d9;--danger: #f85149;--success: #3fb950;--warning: #f0b429;--border: #21262d;--radius: 10px;--shadow: 0 12px 40px rgba(0, 0, 0, .35);font-family:JetBrains Mono,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(88,166,255,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(63,185,80,.12),transparent 22%),var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#app{max-width:1800px;margin:0 auto;padding:32px 18px 60px}h1,h2,h3{margin:0 0 12px;color:#e6edf3}a{color:var(--accent)}.grid{display:grid;gap:14px;align-items:flex-start}.grid-2{grid-template-columns:1.1fr .9fr;align-items:flex-start}.grid-3{grid-template-columns:1.1fr 1.1fr 1.2fr;align-items:flex-start}.panel{background:linear-gradient(145deg,#11151c,#0e1319);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title small{color:var(--muted)}.slots{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px}.slot-card{border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:#ffffff05}.slot-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#e6edf3}.field{display:flex;align-items:center;gap:6px;margin-bottom:6px}.field label{min-width:36px;color:var(--muted)}input[type=number],input[type=text],select{width:100%;background:#0b1017;border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:6px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{background:var(--accent);border:none;color:#0b1117;padding:8px 10px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .15s ease}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger);color:#fff}button.success{background:var(--success);color:#0b1117}.pill{padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.result-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.result-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:#ffffff08}.result-card h4{margin:0 0 8px;display:flex;align-items:center;justify-content:space-between}.badge{padding:2px 8px;border-radius:6px;font-size:12px}.badge.ok{background:#3fb95026;color:var(--success)}.badge.warn{background:#f0b42926;color:var(--warning)}.badge.danger{background:#f8514933;color:var(--danger)}.table{width:100%;border-collapse:collapse;margin-top:10px}.table th,.table td{padding:6px;border-bottom:1px solid var(--border);text-align:left}.wide-table{table-layout:fixed}.wide-table th{font-size:13px}.wide-table th,.wide-table td{white-space:nowrap;overflow:visible;text-overflow:unset;text-align:center}.wide-table th:nth-child(1),.wide-table td:nth-child(1){width:70px}.wide-table th:nth-child(2),.wide-table td:nth-child(2){width:90px}.wide-table th:nth-child(3),.wide-table td:nth-child(3){width:110px}.wide-table th:nth-child(4),.wide-table td:nth-child(4){width:70px}.wide-table th:nth-child(5),.wide-table td:nth-child(5){width:120px}.result-panel{overflow-x:visible}.result-panel .wide-table{min-width:auto}.split{display:flex;gap:10px;flex-wrap:wrap}.split>*{flex:1}.muted{color:var(--muted)}.tag{background:#58a6ff26;color:var(--accent);padding:2px 8px;border-radius:6px;font-size:12px}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.cards-two{grid-template-columns:repeat(2,minmax(180px,1fr))}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 980px){#app{padding:18px 12px 40px}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 1180px){.slots{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}
