*{box-sizing:border-box}body{margin:0;background:#101014;color:#f3f3f5;font-family:Arial,sans-serif}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;background:#201432;border-bottom:2px solid #7c3bd1}.topbar h1,.panel h2{margin:0}.topbar p,.panel p{color:#b8b6c1}.layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:20px;padding:20px}.panel{background:#19191f;border:1px solid #30303a;border-radius:10px;padding:20px}.panel.wide{grid-row:span 3}.item-form,.panel form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px;font-weight:700}input{width:100%;border:1px solid #3c3c48;border-radius:6px;background:#0f0f13;color:#fff;padding:11px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex;align-items:center}.checkbox input{width:auto}.actions,.row-actions,.section-header,.search-form{display:flex;align-items:center;gap:8px}.section-header{justify-content:space-between}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:10px 14px;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.primary{background:#6f2fc5}.secondary{background:#34343e}.danger{background:#9e2b35}.tiny{padding:7px 9px;font-size:12px}.alert{padding:11px;border-radius:6px;margin:12px 0}.success{background:#173a25}.error{background:#441f24}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #2f2f37}td small{display:block;color:#87848f}.disabled-row{opacity:.55}.status{padding:5px 9px;border-radius:999px;font-size:12px}.on{background:#1c4a2d}.off{background:#4a2528}.row-actions{white-space:nowrap}.row-actions form{display:inline}.code-box{overflow-wrap:anywhere;background:#0d0d11;border:1px solid #33333c;border-radius:6px;padding:12px;color:#d4b6ff}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 30px));padding:28px;background:#19191f;border:1px solid #34343e;border-radius:12px}.login-card form{display:grid;gap:15px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.panel.wide{grid-row:auto}}