:root{--bg: #0f172a;--surface: #1e293b;--surface2: #273348;--surface3: #2d3f57;--border: #334155;--border2: #475569;--text: #f1f5f9;--muted: #94a3b8;--muted2: #64748b;--accent: #3b82f6;--accent2: #1d4ed8;--accent-s: rgba(59,130,246,.12);--green: #10b981;--green-s: rgba(16,185,129,.15);--yellow: #f59e0b;--yellow-s: rgba(245,158,11,.15);--red: #ef4444;--red-s: rgba(239,68,68,.15);--purple: #8b5cf6;--purple-s: rgba(139,92,246,.15);--orange: #f97316;--orange-s: rgba(249,115,22,.15);--r: 8px;--r-sm: 5px}.light{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--surface3: #e2e8f0;--border: #e2e8f0;--border2: #cbd5e1;--text: #0f172a;--muted: #64748b;--muted2: #94a3b8;--accent: #2563eb;--accent2: #1d4ed8;--accent-s: rgba(37,99,235,.08);--green: #059669;--green-s: rgba(5,150,105,.1);--yellow: #d97706;--yellow-s: rgba(217,119,6,.1);--red: #dc2626;--red-s: rgba(220,38,38,.1);--purple: #7c3aed;--purple-s: rgba(124,58,237,.1);--orange: #ea580c;--orange-s: rgba(234,88,12,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:13px;height:100vh;overflow:hidden;display:flex;flex-direction:column}#root{display:contents}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}button{cursor:pointer;font-size:12px;border-radius:var(--r-sm);padding:5px 12px;border:1px solid var(--border);background:var(--surface2);color:var(--text);transition:all .15s;font-family:inherit}button:hover{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:var(--accent2);border-color:var(--accent2);color:#fff}button.danger{background:var(--red-s);border-color:var(--red);color:var(--red)}select,input,textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:6px 10px;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s}select:focus,input:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--muted2)}textarea{resize:vertical}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:var(--muted)}.toast{position:fixed;bottom:18px;right:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 14px;font-size:12px;z-index:300;transform:translateY(50px);opacity:0;transition:all .25s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast.ok{border-left:3px solid var(--green)}.toast.err{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--accent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);width:100%;max-width:660px;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px)}to{transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:5}.modal-header h3{font-size:15px;font-weight:600}.modal-close{background:var(--surface2);border:1px solid var(--border);width:26px;height:26px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;color:var(--text)}.modal-body{padding:18px;flex:1}.modal-footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--surface)}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fgrid.w3{grid-template-columns:1fr 1fr 1fr}.fgrid.full{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.field input,.field select,.field textarea{width:100%}.divider{height:1px;background:var(--border);margin:14px 0}.section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted2);margin-bottom:8px}