:root{color-scheme:dark;font:15px/1.6 system-ui,sans-serif;background:#0b1220;color:#e9eef7}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}aside{background:#111c30;padding:30px 22px;border-right:1px solid #233149}.brand{display:block;font-size:21px;font-weight:750;color:#6bd5eb}.brand small{display:block;margin:6px 0 30px;font-size:10px;letter-spacing:2px;color:#9aacc5}nav{display:grid;gap:7px;margin-bottom:30px}nav a{padding:10px 14px;border-radius:8px;color:#bbcade}nav a:hover,nav a[aria-current]{background:#22344e;color:#fff}main{padding:28px 40px;max-width:1500px;min-width:0}header{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#9aacc5}h1{font-size:30px;letter-spacing:-1px;margin:28px 0 12px}h2{font-size:20px;margin-top:0}.intro{color:#9aacc5}.tag{border:1px solid #31516a;border-radius:20px;padding:2px 12px;color:#8de2c1}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:26px 0}.card,section{background:#131f33;border:1px solid #27354b;border-radius:12px;padding:24px}.card{display:flex;flex-direction:column}.card strong{font-size:36px;color:#fff}.card small{color:#6bd5eb}.card span{color:#bbcade}section{margin:20px 0}p{color:#bbcade}label{display:block;margin:18px 0}input{display:block;width:100%;background:#0b1527;border:1px solid #42516b;border-radius:7px;padding:12px;color:#fff;font:inherit;margin-top:7px}button{border:0;border-radius:7px;padding:12px 18px;background:#6bd5eb;color:#09212c;font:inherit;font-weight:700;cursor:pointer}.secondary{background:#22344e;color:#e9eef7}.login{max-width:480px}.login button{width:100%;margin:12px 0}.alert{background:#482131;color:#ffd7e0;padding:12px;border-radius:7px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#9aacc5;font-weight:500}td,th{padding:14px 12px;border-bottom:1px solid #27354b;vertical-align:top}td{overflow-wrap:anywhere}footer{font-size:12px;color:#9aacc5;margin:35px 0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8de2c1;outline-offset:3px}@media(max-width:760px){.shell{display:block}aside{padding:18px}.brand small{margin-bottom:12px}nav{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:14px}nav a{padding:6px 9px}main{padding:20px 16px}header{flex-wrap:wrap}.cards{gap:12px}section{padding:16px}h1{font-size:26px}}

.danger{background:#f2a7b5;color:#32131d}.action-link{color:#6bd5eb;white-space:nowrap}dl{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:8px 18px}dt{color:#9aacc5}dd{margin:0;overflow-wrap:anywhere}form button{margin-top:10px}

/* SHOUTcast beheer: eigen kleuren, dezelfde functionaliteit. */
body.theme-shoutcast{background:#100d0b;color:#fff7ed}
.theme-shoutcast aside{background:#1c1713;border-color:#443328}
.theme-shoutcast .brand,.theme-shoutcast .card small,
.theme-shoutcast .action-link{color:#ffc078}
.theme-shoutcast nav a,.theme-shoutcast p,
.theme-shoutcast .card span{color:#d2c1b2}
.theme-shoutcast nav a:hover,.theme-shoutcast nav a[aria-current]{
 background:#493426;color:#fff7ed
}
.theme-shoutcast section,.theme-shoutcast .card{
 background:#241c16;border-color:#443328
}
.theme-shoutcast header,.theme-shoutcast footer,
.theme-shoutcast th,.theme-shoutcast dt,
.theme-shoutcast .intro,.theme-shoutcast .brand small{color:#c5b6a8}
.theme-shoutcast input,.theme-shoutcast select{
 background:#17110d;border:1px solid #715239;color:#fff7ed
}
.theme-shoutcast button{background:#ffb45f;color:#241407}
.theme-shoutcast .secondary{background:#493426;color:#fff7ed}
.theme-shoutcast .danger{background:#f2a7b5;color:#32131d}
.theme-shoutcast td,.theme-shoutcast th{border-color:#443328}
.theme-shoutcast .tag{border-color:#8a623d;color:#ffd393}
.theme-shoutcast a:focus-visible,.theme-shoutcast button:focus-visible,
.theme-shoutcast input:focus-visible,.theme-shoutcast select:focus-visible{
 outline:3px solid #ffd393;outline-offset:3px
}