:root { color-scheme: dark; font-family: Inter, Arial, sans-serif; }
body { margin: 0; background: #101419; color: #e8edf2; }
header { background: #19212b; padding: 18px 28px; display: flex; justify-content: space-between; align-items: center; }
main { max-width: 1440px; margin: 0 auto; padding: 24px; }
h1,h2,h3 { margin-top: 0; } .card { background:#19212b; border:1px solid #2d3b4c; border-radius:12px; padding:18px; margin-bottom:20px; overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:14px; } th,td { padding:10px; border-bottom:1px solid #2d3b4c; text-align:left; vertical-align:top; }
input,textarea,select { width:100%; box-sizing:border-box; background:#0f151d; color:#e8edf2; border:1px solid #40546b; border-radius:6px; padding:8px; } textarea { min-height:80px; }
button { background:#1775d1; border:0; border-radius:6px; color:white; padding:9px 13px; cursor:pointer; } button.warn { background:#a64b23; } form { margin:0; } .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; } .muted { color:#a8b4c2; } .status { font-weight:700; } .status-free { color:#62d597; } .status-working { color:#f2c94c; } .status-offline,.status-suspended { color:#ff7875; } .status-unconfigured { color:#a8b4c2; } .message { background:#164e2f; border:1px solid #2ea766; padding:12px; border-radius:8px; margin-bottom:18px; }