:root{color-scheme:dark;--bg:#090b10;--panel:#10151e;--panel2:#151c28;--line:#263044;--muted:#8898b3;--text:#edf3ff;--blue:#68b6ff;--red:#ef4564}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#31131f 0,transparent 40%),var(--bg);color:var(--text);font:14px system-ui,Segoe UI,sans-serif}button,input,select{font:inherit}select{background:#0b1019;border:1px solid #34435c;border-radius:6px;color:var(--text);padding:11px;width:100%}button{border:1px solid var(--line);border-radius:7px;background:#1a2332;color:var(--text);padding:10px 14px;cursor:pointer}button:hover{background:#25344a;border-color:#5d789b}button:disabled{opacity:.45;cursor:wait}button.primary{background:#a92842;border-color:#d13c59;color:white}button.primary:hover{background:#c33350}.danger{color:#ff91a5}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input{background:#0b1019;border:1px solid #34435c;border-radius:6px;color:var(--text);padding:11px;min-width:0;width:100%}input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue)}label{display:flex;flex-direction:column;gap:8px;margin:14px 0;color:#b8c6dc}label.check,.toggles label{flex-direction:row;align-items:center}h1{font-size:32px;letter-spacing:-1.1px;margin:8px 0 12px}h2{margin:5px 0 10px;font-size:24px}h3{font-size:15px}p,small,.hint{color:var(--muted);line-height:1.6}small{font-size:11px}a{color:var(--blue);text-decoration:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.login{min-height:100vh;display:grid;place-items:center;padding:25px}.login form{max-width:440px;width:100%;border-top:3px solid var(--red);padding:36px}.login h1 span{font-size:14px;color:var(--blue)}.login button{width:100%;margin:20px 0 10px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:700}header{display:flex;justify-content:space-between;align-items:center;padding:20px 4%;border-bottom:1px solid var(--line);background:#0c1017}header>div{display:flex;align-items:center;gap:12px}.brand{font-size:24px;font-weight:900;color:white}.brand span{font-size:12px;color:var(--blue);margin-left:8px}main{max-width:1550px;margin:auto;padding:28px 4%}.summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metric{padding:18px;background:#101722;border:1px solid var(--line);border-radius:10px}.metric strong{display:block;font-size:26px;margin-top:6px}.metric span{color:var(--muted);font-size:11px}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px}.section-title{font-size:11px;color:var(--muted);letter-spacing:1px;display:flex;justify-content:space-between;gap:8px;margin:10px 0 15px}.profile{display:block;width:100%;text-align:left;background:none;margin:8px 0;padding:14px}.profile.active{border-color:#7b3448;background:#251822}.profile span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.detail-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.badge{background:#1a293a;color:var(--blue);font-size:11px;border-radius:20px;padding:7px 12px}.status-line{color:var(--blue);font-size:12px;line-height:1.7;margin:7px 0}.toggles{display:flex;gap:25px;flex-wrap:wrap}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);margin:18px 0}.tabs button{background:none;border:0;border-radius:0;color:var(--muted)}.tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.logs{height:340px;overflow:auto;background:#090e15;padding:15px;border-radius:7px;font:12px/1.8 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.logs div{color:#b6c5dc}.logs div.action,.logs div.catch,.logs div.sent{color:var(--blue)}.logs div.error,.error{color:#ff708d}.logs time{color:#576b88;margin-right:12px}.chat-input{display:flex;gap:10px;margin:12px 0}.chat-input input{flex:1}.overview{margin-top:20px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}td,th{padding:15px 9px;border-bottom:1px solid #202939}td{font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#192333}footer{display:flex;justify-content:space-between;color:#667994;font-size:10px;letter-spacing:2px;padding:25px 4%}.slots{display:grid;grid-template-columns:repeat(9,minmax(28px,52px));gap:4px;margin:10px 0 20px}.slot{aspect-ratio:1;position:relative;background:#1b2533;padding:4px;border:1px solid #30415b;border-radius:3px;min-width:0}.slot img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.slot b{position:absolute;bottom:2px;right:4px;font-size:11px;text-shadow:1px 1px black;pointer-events:none}.slot.selected{border:2px solid #6cb9ff;background:#254565}.slot.held{box-shadow:inset 0 0 0 2px #a99866}.empty{padding:90px 20px;text-align:center;color:var(--muted)}canvas{max-width:100%;background:#0c1017;image-rendering:pixelated;border-radius:8px}dialog{max-width:780px;width:94vw;max-height:92vh;border:1px solid #3a4a65;border-radius:12px;background:#101722;color:var(--text);padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head button{background:none}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;flex-wrap:wrap}.form-scroll{max-height:64vh;overflow:auto;padding:0 8px}.form-tabs{display:flex;gap:4px;position:sticky;top:0;background:#101722;padding:12px 0;flex-wrap:wrap;z-index:1}.form-tabs button.active{border-color:var(--blue);color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.user-row,.rule-row{border-bottom:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.user-row .toolbar{justify-content:flex-end}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#aebfde;line-height:1.6}#notice{position:fixed;top:15px;left:50%;transform:translateX(-50%);z-index:100;background:#263b52;border:1px solid #638bb5;padding:14px 22px;border-radius:8px;max-width:90vw;box-shadow:0 8px 40px #0009}[hidden]{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:1fr}.workspace aside{padding:12px}#profiles{display:flex;gap:8px;overflow:auto}.profile{min-width:150px;margin:0}.metrics{grid-template-columns:1fr 1fr}.summary{align-items:flex-start;flex-direction:column}.logs{height:300px}.section-title small{font-size:9px}}@media(max-width:550px){header{padding:14px}header>div{gap:5px;flex-wrap:wrap;justify-content:flex-end}header button{padding:7px;font-size:11px}#identity{font-size:10px;width:100%;text-align:right}.brand span{display:block;font-size:9px;margin:0}main{padding:20px 12px}.card{padding:14px}h1{font-size:27px}.metrics{gap:8px}.metric{padding:12px}.metric strong{font-size:22px}.toolbar button{padding:9px;font-size:12px}.form-grid{grid-template-columns:1fr}.form-tabs button{font-size:11px;padding:8px}.slots{gap:3px;grid-template-columns:repeat(9,minmax(20px,1fr))}.slot{padding:2px}.slot b{font-size:9px;right:2px}.toggles{gap:0}footer span{display:none}.overview small{font-size:10px}dialog{padding:16px}.user-row{align-items:flex-start;flex-direction:column}}
