*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-input: #16213e;--accent: #e94560;--accent-hover: #ff6b81;--text: #eee;--text-muted: #888;--border: #2a2a4a;--success: #2ecc71;--warning: #f39c12}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app{display:flex;min-height:100vh}.sidebar{display:none}.main{flex:1;padding:2rem;overflow-y:auto}.main h2{margin-bottom:1.5rem;font-size:1.5rem}.app-full{display:flex;flex-direction:column;min-height:100vh}.topnav{display:flex;align-items:center;gap:1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 1.5rem;height:42px;flex-shrink:0}.topnav-brand{font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:1px;margin-right:.5rem}.topnav-links{display:flex;gap:0;height:100%}.topnav-links a{display:flex;align-items:center;padding:0 .9rem;color:var(--text-muted);font-size:.85rem;height:100%;border-bottom:2px solid transparent;transition:all .15s}.topnav-links a:hover{color:var(--text);background:#e945600d}.topnav-links a.active{color:var(--text);border-bottom-color:var(--accent)}.main-full{flex:1;padding:1.2rem 1.5rem;padding-bottom:170px;overflow-y:auto}.main-full.no-logpanel{padding-bottom:1.2rem}.main-full h2{margin-bottom:1rem;font-size:1.3rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.2rem;margin-bottom:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:6px;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-input);border:1px solid var(--border);color:var(--text);padding:.5rem .8rem;border-radius:6px;font-size:.9rem;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-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}tr:hover{background:#ffffff08}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-a{background:var(--accent);color:#fff}.badge-b{background:var(--warning);color:#000}.badge-c{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.now-playing{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px 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:0;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-input);border:1px solid var(--border);border-radius:6px;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}