*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f4f5f7;--bg-card: #ffffff;--bg-input: #eef0f3;--accent: #e94560;--accent-hover: #d63450;--text: #1c2230;--text-muted: #6b7280;--border: #e2e5ea;--success: #1a9e5c;--warning: #c47f13;--sidebar-w: 210px;--logpanel-left: var(--sidebar-w)}html{background:var(--bg);overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app-full{display:flex;flex-direction:row;min-height:100vh}.sidebar-nav{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;z-index:200}.sidebar-brand{padding:1rem 1.1rem;font-size:.95rem;font-weight:700;color:var(--accent);letter-spacing:.3px;border-bottom:1px solid var(--border);line-height:1.3}.sidebar-links{display:flex;flex-direction:column;gap:2px;padding:.6rem .55rem;flex:1}.sidebar-links a{display:block;padding:.5rem .7rem;border-radius:7px;color:var(--text-muted);font-size:.9rem;transition:background .12s,color .12s}.sidebar-links a:hover{background:var(--bg-input);color:var(--text)}.sidebar-links a.active{background:var(--accent);color:#fff;font-weight:600}.sidebar-footer{padding:.6rem .55rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.sidebar-onderhoud{width:100%;background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.45rem .7rem;border-radius:7px;font-size:.82rem;cursor:pointer;text-align:left}.sidebar-onderhoud:hover{border-color:var(--accent);color:var(--text)}.sidebar-onderhoud.actief{background:var(--accent);color:#fff;border-color:var(--accent)}.sidebar-toggle{display:none;position:fixed;top:10px;left:10px;z-index:250;width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:1.2rem;cursor:pointer;align-items:center;justify-content:center}.sidebar-overlay{display:none}.main-full{flex:1;min-width:0;margin-left:var(--sidebar-w);padding:1.4rem 1.6rem;padding-bottom:80px;overflow-y:auto}.main-full.no-logpanel{padding-bottom:1.4rem}.main-full h2{margin-bottom:1rem;font-size:1.35rem}.app{display:flex;min-height:100vh}.sidebar{display:none}.main{flex:1;padding:2rem;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.2rem;margin-bottom:1rem;box-shadow:0 1px 2px #1018280a}.btn{padding:.5rem 1rem;border:none;border-radius:7px;cursor:pointer;font-size:.9rem;transition:all .15s;display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-danger:hover{background:var(--accent);color:#fff}.btn-sm{padding:.3rem .6rem;font-size:.8rem}input,select,textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:.5rem .8rem;border-radius:7px;font-size:.9rem;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e945601f}input[type=checkbox],input[type=radio]{width:auto;padding:0;margin:0 6px 0 0;box-shadow:none;vertical-align:middle;accent-color:var(--accent)}label{display:block;margin-bottom:.3rem;font-size:.85rem;color:var(--text-muted)}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:1rem}.form-row>*{flex:1}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}tr:hover{background:#10182808}.badge{display:inline-block;padding:.15rem .5rem;border-radius:5px;font-size:.75rem;font-weight:600}.badge-a{background:var(--accent);color:#fff}.badge-b{background:var(--warning);color:#fff}.badge-c{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.now-playing{background:linear-gradient(135deg,#fff,#f3f5f9);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.now-playing h3{color:var(--accent);margin-bottom:.5rem}.status-online{color:var(--success)}.status-offline{color:var(--accent)}.player-bar{position:fixed;bottom:0;left:var(--sidebar-w);right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:.8rem 1.5rem;display:flex;align-items:center;gap:1rem;z-index:100}.player-bar audio{flex:1;height:32px}.upload-zone{border:2px dashed var(--border);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .15s}.upload-zone:hover{border-color:var(--accent);background:#e945600d}.clock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.clock-slot{background:var(--bg-card);border:1px solid var(--border);border-radius:7px;padding:.5rem;text-align:center;font-size:.8rem;cursor:pointer;transition:all .15s}.clock-slot:hover{border-color:var(--accent)}.clock-slot .minute{font-weight:700;color:var(--accent)}.clock-slot.type-muziek{border-left:3px solid var(--success)}.clock-slot.type-dj_break{border-left:3px solid var(--warning)}.clock-slot.type-jingle{border-left:3px solid var(--accent)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.85rem}@media (max-width: 860px){:root{--logpanel-left: 0px}.sidebar-toggle{display:flex}.sidebar-nav{transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 12px #0000001f}.sidebar-nav.open{transform:translate(0)}.main-full{margin-left:0;padding-top:3.6rem}.player-bar{left:0}.sidebar-overlay.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:150}}