:root{--navy:#081b2c;--navy2:#0d2940;--cyan:#28d7e6;--cyan2:#7ceaf1;--ink:#0e2436;--muted:#6b7b89;--bg:#f4f8fa;--card:#fff;--line:#dce7ec;--green:#0f9d78;--red:#d64545;--amber:#d88a00;--shadow:0 10px 28px rgba(6,31,49,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#087b92;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,var(--navy),#061522);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),#1599c5);color:var(--navy);font-weight:900}.brand small{display:block;color:#9ec0cf}.brand strong{font-size:18px}.brand strong:after{content:" Digital";font-weight:500;color:var(--cyan2)}nav{display:flex;flex-direction:column;gap:3px;overflow:auto}nav a{color:#d7e6ed;padding:9px 11px;border-radius:9px}nav a:hover{background:#123650;color:white}.nav-sep{height:1px;background:#234257;margin:9px 0}.sidebar-foot{margin-top:auto;border-top:1px solid #234257;padding:15px 8px 0;display:flex;justify-content:space-between;gap:8px;color:#a9c1cc}.sidebar-foot a{color:var(--cyan2)}main{max-width:1450px;margin:auto;padding:30px}.with-nav{margin-left:248px;max-width:none}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.topbar h1{font-size:28px;margin:0}.subtitle{margin:2px 0;color:var(--muted)}.user-chip{background:#e9f7f9;border:1px solid #caebef;border-radius:999px;padding:7px 13px;text-align:right}.user-chip small{display:block;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.kpi strong{font-size:30px;display:block}.kpi small,.muted{color:var(--muted)}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar form{display:flex;gap:8px;align-items:center}.btn,button{appearance:none;border:0;border-radius:9px;padding:9px 13px;background:var(--navy2);color:#fff;cursor:pointer;font:inherit;font-weight:650}.btn.cyan,button.cyan{background:var(--cyan);color:var(--navy)}.btn.ghost,button.ghost{background:#edf4f6;color:var(--ink)}.btn.danger,button.danger{background:#fee9e9;color:#9f2828}input,select,textarea{width:100%;border:1px solid #cbdbe2;background:#fff;border-radius:9px;padding:9px 10px;color:var(--ink);font:inherit}textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}label span{display:block;font-size:12px;font-weight:700;color:#526675;margin-bottom:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid #e7eef1;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#71828f}tr:last-child td{border:0}.badge{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;background:#e7eef1;color:#445}.badge.online,.badge.success{background:#dcf6ed;color:#08765a}.badge.offline,.badge.error{background:#fde3e3;color:#a12f2f}.badge.warning{background:#fff0cf;color:#925a00}.badge.info{background:#dff5f8;color:#087b92}.flash{padding:11px 13px;border-radius:10px;margin-bottom:14px}.flash.success{background:#dcf6ed;color:#075f49}.flash.error{background:#fde3e3;color:#8e2525}.flash.info{background:#dff5f8}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eaf3f6;border-radius:6px;padding:2px 5px}.pair-code{font-size:24px;font-weight:900;letter-spacing:.08em;color:#087b92}.media-thumb{width:92px;height:54px;object-fit:cover;background:#0c1d2b;border-radius:8px}.playlist-list{display:flex;flex-direction:column;gap:8px}.playlist-item{display:grid;grid-template-columns:35px 1fr 140px 120px auto;gap:8px;align-items:center;padding:9px;background:#f8fbfc;border:1px solid var(--line);border-radius:10px}.drag{color:#789;cursor:grab}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,#11445c 0,#081b2c 45%,#05111d 100%)}.login-card{width:min(430px,92vw);background:#fff;border-radius:18px;padding:28px;box-shadow:0 25px 65px rgba(0,0,0,.25)}.login-card h1{margin-top:0}.login-logo{color:var(--navy);font-size:22px;font-weight:900;margin-bottom:22px}.login-logo span{color:#0a9db3}.hint{font-size:12px;color:var(--muted)}pre.json{background:#071827;color:#bfeef2;padding:13px;border-radius:10px;overflow:auto;max-height:420px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#999;margin-right:5px}.status-dot.online{background:#0f9d78}.status-dot.offline{background:#d64545}@media(max-width:980px){aside{position:static;width:auto}.with-nav{margin-left:0}.grid{display:block}.card{margin-bottom:14px}.span-3,.span-4,.span-6,.span-8,.span-12{width:100%}.form-grid{grid-template-columns:1fr}.playlist-item{grid-template-columns:30px 1fr}.playlist-item>*:nth-child(n+3){grid-column:2}}