:root{--bg-1: #05050c;--bg-2: #0a0a18;--card: rgba(18, 18, 32, .65);--card-border: rgba(255, 255, 255, .08);--text: #f4f5fb;--text-mid: rgba(244, 245, 251, .65);--text-dim: rgba(244, 245, 251, .4);--accent-1: #7c5cff;--accent-2: #3ec6ff;--danger: #ff4d6d;--ok: #4dffb4;--warn: #ffb84d}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-1);color:var(--text);font-family:Inter,system-ui,Segoe UI,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--bg-2);border-right:1px solid var(--card-border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebar__brand{font-size:16px;font-weight:700;margin-bottom:18px;color:var(--text);letter-spacing:.02em}.sidebar__link{padding:8px 10px;border-radius:8px;color:var(--text-mid);font-size:13.5px;cursor:pointer;transition:background .12s,color .12s;display:flex;justify-content:space-between;align-items:center}.sidebar__link:hover{background:#ffffff0a;color:var(--text)}.sidebar__link--active{background:#7c5cff24;color:#c9beff}.main{padding:32px 36px;max-width:1400px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header__title{font-size:24px;font-weight:700;margin:0}.page-header__sub{color:var(--text-mid);font-size:13px;margin-top:4px}.page-header__actions{display:flex;gap:8px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:0;cursor:pointer;font-weight:600;font-size:13px;transition:filter .12s}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:5px 10px;font-size:12px}.btn--primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#0a0a18}.btn--danger{background:linear-gradient(135deg,#ff4d6d,#ff884d);color:#0a0a18}.btn--ghost{background:#ffffff0f;color:var(--text)}.input,.textarea,.select{width:100%;padding:8px 12px;background:#ffffff0a;border:1px solid var(--card-border);border-radius:8px;color:var(--text);font-size:13px;font-family:inherit;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:#7c5cff80}.input--mono{font-family:JetBrains Mono,Consolas,monospace}.textarea{min-height:60px;resize:vertical}.select{color-scheme:dark}.select option{background-color:#15152b;color:var(--text);padding:6px 8px}.select option:checked,.select option:hover{background:linear-gradient(0deg,#7c5cff4d,#7c5cff4d),#15152b;color:#fff}.card-panel{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:20px}.card-panel__title{font-size:15px;font-weight:700;margin-bottom:12px}.card-panel__sub{font-size:12.5px;color:var(--text-mid);margin-bottom:12px;line-height:1.5}.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:10px 12px;text-align:left;font-size:12.5px;border-bottom:1px solid var(--card-border)}.tbl th{color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}.tbl__mono{font-family:JetBrains Mono,Consolas,monospace;font-size:11.5px}.tbl tr:hover td{background:#ffffff08}.pill{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.pill--ok{background:#4dffb424;color:var(--ok);border:1px solid rgba(77,255,180,.4)}.pill--err{background:#ff4d6d24;color:var(--danger);border:1px solid rgba(255,77,109,.4)}.pill--warn{background:#ffb84d26;color:var(--warn);border:1px solid rgba(255,184,77,.4)}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{padding:10px 16px;border-radius:8px;min-width:240px;max-width:400px;font-size:13px}.toast--ok{background:#4dffb424;color:var(--ok);border:1px solid rgba(77,255,180,.4)}.toast--err{background:#ff4d6d24;color:var(--danger);border:1px solid rgba(255,77,109,.4)}.spin{display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg-2);border:1px solid var(--card-border);border-radius:12px;padding:24px;max-width:540px;width:calc(100% - 32px);max-height:80vh;overflow-y:auto}.modal--wide{max-width:820px}.modal__title{font-size:18px;font-weight:700;margin-bottom:4px}.modal__sub{font-size:12.5px;color:var(--text-mid);margin-bottom:18px}.modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}