.backup-panel{margin-bottom:1.5rem}.backup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.backup-header h3{margin-top:0}.backup-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem}.backup-facts dt{color:var(--muted);font-size:.9rem}.backup-facts dd{margin:.4rem 0 0;font-weight:700}.backup-facts small,.backup-list small{display:block;font-weight:400;margin-top:.35rem;overflow-wrap:anywhere}.backup-list{list-style:none;padding:0;max-height:420px;overflow:auto}.backup-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(83,191,220,.22)}.backup-list li>div{min-width:0}.backup-download{font-weight:700;flex-shrink:0}.player-operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}.player-night-hours{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:12px}.player-night-hours label{display:grid;gap:6px}.player-console{width:min(980px,94vw);box-sizing:border-box;max-height:90vh;overflow:auto;border:1px solid #527188;border-radius:18px;padding:24px;background:#102231;color:#eef7fb}.player-console::backdrop{background:#0009}.player-console-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.player-console-header h3{margin:0}.player-console progress{width:100%;height:14px}.player-console-log{height:min(42vh,380px);overflow:auto;margin:18px 0;padding:16px;background:#07131f;color:#c3f4d5;border-radius:10px;font:13px/1.65 Consolas,monospace;overflow-wrap:anywhere}.player-console-log time{color:#83bfe4}.player-console-caption{font-size:.9rem;color:#bed2de}.player-night-request{margin-top:12px;padding:12px;background:#eff9fd;border-radius:12px}.player-sync-progress{margin-top:1rem;padding:1rem 1.2rem;border:1px solid #b9e4ec;border-radius:16px;background:#f4fbfd;color:#173b50;display:grid;gap:.55rem;font-size:.9rem}.player-sync-progress.attention{border-color:#e8bf71;background:#fff9ed}.sync-progress-heading{display:flex;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap}.player-sync-progress progress{width:100%;height:12px;accent-color:#137f99}.player-sync-progress progress.quiet{accent-color:#9d802b}.sync-progress-metrics{display:flex;flex-wrap:wrap;gap:.4rem 1.8rem}.sync-progress-file{overflow-wrap:anywhere;font-weight:600}.sync-progress-file span,.sync-progress-freshness{color:#546d7e;font-weight:400;font-size:.85rem}.sync-progress-note{color:#785719}:root{font-family:Segoe UI,sans-serif;color:#17324d;background:radial-gradient(circle at top left,rgba(83,191,220,.18),transparent 34%),radial-gradient(circle at top right,rgba(225,67,162,.12),transparent 28%),linear-gradient(180deg,#fefefe,#f4fbfd);line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-yellow: #f8d419;--brand-cyan: #53bfdc;--brand-pink: #e143a2;--brand-white: #ffffff;--ink: #17324d;--muted: #587085;--panel: rgba(255, 255, 255, .9);--panel-border: rgba(83, 191, 220, .22);--shadow: 0 20px 50px rgba(23, 50, 77, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(248,212,25,.18),transparent 22%),radial-gradient(circle at 85% 0%,rgba(225,67,162,.14),transparent 24%),linear-gradient(180deg,#fefefe,#edf9fc)}button,input,select,textarea{font:inherit}button{background:linear-gradient(135deg,var(--brand-cyan),#2fa7c8);color:#073248;border:0;border-radius:14px;padding:.8rem 1rem;cursor:pointer;font-weight:700;box-shadow:0 10px 24px #53bfdc38;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #53bfdc47}button:disabled{cursor:not-allowed;opacity:.72;filter:grayscale(.05)}button.secondary{background:linear-gradient(135deg,#fff,#eefcfe);color:var(--ink);border:1px solid rgba(83,191,220,.32);box-shadow:none}button.compact-action{padding:.45rem .7rem;border-radius:10px;font-size:.85rem;font-weight:700}button.danger{background:linear-gradient(135deg,var(--brand-pink),#c1358b);color:#fff;box-shadow:0 10px 24px #e143a23d}input{width:100%;padding:.8rem .95rem;border-radius:12px;border:1px solid rgba(83,191,220,.28);background:#ffffffeb;color:var(--ink)}input:focus{outline:2px solid rgba(83,191,220,.28);outline-offset:1px}.app-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1.6rem 1.5rem;background:radial-gradient(circle at top left,rgba(248,212,25,.2),transparent 28%),radial-gradient(circle at top right,rgba(225,67,162,.12),transparent 24%),linear-gradient(180deg,#f7fbfdfa,#eaf4f7f5);color:var(--ink);display:flex;flex-direction:column;gap:1.6rem;border-right:1px solid rgba(83,191,220,.22);box-shadow:10px 0 40px #53bfdc1f;overflow:hidden}.sidebar:before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:linear-gradient(90deg,var(--brand-yellow),var(--brand-cyan),var(--brand-pink))}.sidebar-brand{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.brand-logo{width:72px;height:72px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 14px 26px rgba(248,212,25,.16))}.auth-logo{width:88px;height:88px}.sidebar-copy{margin-top:.4rem;max-width:19ch}.content{min-width:0;padding:2.2rem 2.4rem;background:radial-gradient(circle at top right,rgba(248,212,25,.16),transparent 18%),linear-gradient(180deg,#fff3,#fff0)}.content>section{display:flex;flex-direction:column;gap:1.15rem}.content h2{margin:0}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:0;padding:1.1rem 1.2rem;border:1px solid rgba(83,191,220,.2);border-radius:20px;background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.header-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.eyebrow{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--brand-yellow);font-weight:800}.muted{color:var(--muted)}.nav{display:flex;flex-direction:column;gap:.65rem}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.subtle-meta{font-size:.84rem;margin:0}.nav-link{color:#17324dd1;text-decoration:none;padding:.8rem 1rem;border-radius:14px;border:1px solid rgba(83,191,220,.12);background:#ffffff85;transition:background .15s ease,transform .15s ease,border-color .15s ease}.nav-link:hover{transform:translate(2px);background:#ffffffc7}.nav-link.active{background:linear-gradient(135deg,#f8d419e0,#fffffff0);color:#17324d;font-weight:800;border-color:#f8d41947}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.1rem}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.15rem}.christmas-control{margin:1.15rem 0;border-left:4px solid rgba(248,212,25,.72)}.christmas-control.is-active{border-left-color:var(--brand-cyan)}.christmas-control-main,.christmas-title-row,.christmas-stats{display:flex;align-items:center;gap:.8rem}.christmas-control-main{justify-content:space-between}.christmas-title-row h3{margin:0}.christmas-stats{flex-wrap:wrap;margin-top:1rem;color:var(--muted);font-size:.9rem}.christmas-stats span{padding-right:.8rem;border-right:1px solid rgba(83,191,220,.2)}.christmas-warning{margin:.8rem 0 0;color:#7a5b00}.two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.15rem}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:1.35rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.narrow{max-width:520px}.slot-card{display:flex;flex-direction:column;gap:1rem}.slot-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.slot-count{background:linear-gradient(135deg,var(--brand-yellow),#ffd84d);color:#17324d;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:800}.metric{font-size:2rem;font-weight:800;margin:.4rem 0 0}.stack{display:flex;flex-direction:column;gap:.95rem}.table-like{display:flex;flex-direction:column;gap:.9rem}.row{display:grid;gap:.2rem;padding:.8rem 0;border-bottom:1px solid rgba(83,191,220,.18)}.inline-metadata{display:flex;gap:1rem;flex-wrap:wrap}.inline-toggle{display:inline-flex;align-items:center;gap:.5rem}.player-schedule-form{margin-top:.75rem;padding:1rem;border:1px solid rgba(83,191,220,.18);border-radius:16px;background:#ffffffc7}.music-tree{display:flex;flex-direction:column;gap:.95rem}.music-folder,.music-file{border:1px solid rgba(83,191,220,.18);border-radius:16px;padding:.9rem 1rem;background:#ffffffd1}.music-folder summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none}.music-folder summary::-webkit-details-marker{display:none}.music-tree-children{display:flex;flex-direction:column;gap:.85rem;margin-top:.9rem;padding-left:1rem;border-left:2px solid rgba(248,212,25,.5)}.music-file{display:flex;flex-direction:column;gap:.25rem}.music-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1.1rem}.music-actions{display:flex;gap:.85rem;flex-wrap:wrap}.player-advanced-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding:.95rem 1rem;border:1px solid rgba(83,191,220,.18);border-radius:16px;background:#ffffffbd}.autovolume-header{margin-bottom:1rem;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.autovolume-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.autovolume-toolbar input{min-width:220px}.autovolume-restaurant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.autovolume-restaurant-card{border:1px solid rgba(83,191,220,.18);border-radius:18px;background:#ffffffd6;padding:1.05rem;display:flex;flex-direction:column;gap:.9rem}.autovolume-details{border-top:1px solid rgba(83,191,220,.14);padding-top:.8rem}.autovolume-details summary{cursor:pointer;font-weight:700;color:var(--ink)}.autovolume-details-body{margin-top:.8rem;display:flex;flex-direction:column;gap:.8rem}.autovolume-file-list{display:flex;flex-direction:column;gap:.65rem}.autovolume-file-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.45rem .8rem;padding:.75rem .9rem;border-radius:14px;background:#ffffffd1;border:1px solid rgba(83,191,220,.14)}.autovolume-card-preview{border:1px solid rgba(83,191,220,.14);border-radius:16px;padding:.8rem .9rem;background:#ffffffd1;display:flex;flex-direction:column;gap:.65rem}.autovolume-mini-chart{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:2px;min-height:58px;padding-top:.35rem}.autovolume-mini-bar{display:block;width:100%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,var(--brand-yellow),var(--brand-cyan),var(--brand-pink));opacity:.92}.autovolume-attempt-list{display:flex;flex-direction:column;gap:.75rem}.autovolume-attempt-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.45rem 1rem;padding:.8rem .95rem;border-radius:14px;background:#ffffffd6;border:1px solid rgba(83,191,220,.14)}.autovolume-preview-list{display:flex;flex-direction:column;gap:.75rem}.autovolume-preview-item{border:1px solid rgba(83,191,220,.14);border-radius:16px;padding:.9rem 1rem;background:#ffffffdb;display:flex;flex-direction:column;gap:.45rem}.autovolume-preview-bar{width:100%;height:10px;background:#53bfdc1f;border-radius:999px;overflow:hidden}.autovolume-preview-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-yellow),var(--brand-cyan),var(--brand-pink));border-radius:inherit}.slot-files{display:flex;flex-direction:column;gap:.5rem}.player-list{display:grid;gap:1rem}.player-compact-card{border:1px solid rgba(83,191,220,.18);border-radius:18px;background:#ffffffd6;padding:1.05rem;display:flex;flex-direction:column;gap:.9rem}.player-compact-top{display:flex;justify-content:space-between;gap:1rem;align-items:start}.player-badges{display:flex;gap:.5rem;flex-wrap:wrap}.status-pill{border-radius:999px;padding:.28rem .7rem;font-size:.82rem;font-weight:800}.status-pill.online{background:#53bfdc2e;color:#13617a}.status-pill.offline{background:#f8d41933;color:#7a5b00}.status-pill.approved{background:#53bfdc29;color:#17324d}.status-pill.blocked{background:#e143a224;color:#8f1d6f}.status-pill.warning{background:#f8d41933;color:#7a5b00}.sync-state{font-weight:700}.sync-state-ok{color:#1f7a45}.sync-state-warning{color:#a66a00}.sync-state-error{color:#b02163}.player-compact-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem 1rem;font-size:.95rem}.player-info-grid{display:grid;grid-template-columns:1.35fr repeat(4,minmax(170px,1fr));gap:.75rem;align-items:stretch}.player-info-panel{display:grid;align-content:start;gap:.46rem;padding:.72rem;border:1px solid rgba(83,191,220,.16);border-radius:14px;background:linear-gradient(180deg,#ffffffc7,#f5fcfed1)}.player-info-panel-main{background:radial-gradient(circle at top right,rgba(248,212,25,.18),transparent 42%),linear-gradient(180deg,#ffffffdb,#f5fcfedb)}.player-info-panel-title{margin-bottom:.05rem;color:#13617a;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.player-info-item{min-width:0;display:grid;gap:.05rem}.player-info-item.wide{grid-column:1 / -1}.player-info-label{color:var(--muted);font-size:.72rem;line-height:1.1}.player-info-value{min-width:0;color:var(--ink);font-size:.88rem;line-height:1.25;overflow-wrap:anywhere}.player-resource-compact{display:inline-flex;align-items:center;font-size:.78rem;font-weight:500;line-height:1;color:#17324d;background:#53bfdc1f;border:1px solid rgba(83,191,220,.18);border-radius:8px;padding:.22rem .45rem;width:fit-content}.configuration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.configuration-card{display:flex;flex-direction:column;gap:.95rem}.configuration-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.configuration-card-header h3{margin:0}.configuration-card-header span{min-width:2rem;text-align:center;border-radius:999px;padding:.25rem .6rem;background:#53bfdc24;color:#13617a;font-weight:800}.configuration-fields{display:grid;gap:.75rem}.configuration-field{display:grid;gap:.28rem;font-weight:800}.configuration-field input{border-radius:10px;padding:.62rem .75rem;font-size:.92rem}.configuration-field small{color:var(--muted);font-size:.72rem;font-weight:700;overflow-wrap:anywhere}.music-inline{display:grid;grid-template-columns:320px 1fr;gap:1rem;margin-bottom:1rem}.music-dialog{border:1px solid rgba(83,191,220,.2);border-radius:20px;padding:1.25rem;max-width:520px;box-shadow:0 30px 50px #17324d2e;background:#fffffffa}.music-dialog::backdrop{background:#17324d85}.music-dialog-actions{display:flex;gap:.75rem;flex-wrap:wrap}.music-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17324d94;display:grid;place-items:center;padding:1rem;z-index:20}.music-modal{width:min(720px,100%);max-height:min(80vh,760px);overflow:auto;background:#fffffffa;border-radius:24px;border:1px solid rgba(83,191,220,.2);padding:1.5rem;box-shadow:0 34px 70px #17324d3d}.music-modal-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin:1rem 0}.music-upload-list{display:flex;flex-direction:column;gap:.85rem}.music-upload-item{border:1px solid rgba(83,191,220,.18);border-radius:16px;padding:.85rem 1rem;background:#ffffffe6}.music-upload-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.music-progress{width:100%;height:10px;background:#53bfdc1f;border-radius:999px;overflow:hidden}.music-progress-bar{height:100%;background:linear-gradient(90deg,var(--brand-yellow),var(--brand-pink));border-radius:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(460px,100%);background:#fffffff2;border:1px solid rgba(83,191,220,.22);border-radius:28px;padding:1.6rem;box-shadow:0 30px 60px #17324d2e;display:flex;flex-direction:column;gap:1.25rem}.auth-brand{display:flex;gap:1rem;align-items:flex-start}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.45rem;font-weight:700}.auth-turnstile{min-height:66px}.auth-message{margin:0;color:#9c2456;font-weight:700}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.page-header,.music-toolbar,.music-inline,.christmas-control-main{flex-direction:column;align-items:stretch}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.content{padding:1.4rem}.player-info-grid{grid-template-columns:1fr}}
