:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201d;background:#f2f5f3;font-synthesis:none;--ink:#17201d;--muted:#6c7773;--line:#dde4e0;--surface:#fff;--green:#17634f;--green-2:#228468;--mint:#dff4eb;--orange:#df7842;--red:#bd3d3d;--nav:#0d211b;--shadow:0 12px 40px rgba(18,42,34,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--nav);color:#eef7f3;display:flex;flex-direction:column;z-index:50}.brand{height:104px;padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#0d211b;background:#76d2ad;box-shadow:0 6px 18px #36b98b38;flex:none}.brand-mark.large{width:52px;height:52px;border-radius:16px}.brand>div:nth-child(2){display:flex;flex-direction:column}.brand strong{font-size:15px}.brand span{font-size:11px;color:#90a69d;margin-top:2px}.brand .icon-btn{margin-left:auto}.sidebar nav{display:flex;flex-direction:column;padding:22px 12px;gap:5px}.sidebar nav a{height:48px;padding:0 14px;border-radius:11px;display:flex;align-items:center;gap:13px;color:#a8bbb3;font-weight:600;font-size:14px;transition:.18s}.sidebar nav a:hover{background:#ffffff0d;color:#fff}.sidebar nav a.router-link-active{background:#1b4e40;color:#fff;box-shadow:inset 3px 0 #70d1aa}.sidebar-footer{margin-top:auto;padding:16px 12px 22px;border-top:1px solid rgba(255,255,255,.08)}.user-card{display:flex;gap:10px;align-items:center;padding:10px;color:#d9e8e2}.user-card>div{display:flex;flex-direction:column}.user-card strong{font-size:13px}.user-card span{font-size:11px;color:#89a096}.logout-btn{border:0;color:#aabdb5;background:transparent;width:100%;height:40px;border-radius:9px;display:flex;gap:10px;align-items:center;padding:0 12px}.logout-btn:hover{background:#ffffff0f;color:#fff}.main-area{margin-left:246px;min-width:0;width:calc(100% - 246px)}.topbar{height:104px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:30}.topbar h1{font-size:22px;margin:2px 0 0;letter-spacing:-.025em}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--green-2)}.network-pill{margin-left:auto;background:#eef7f3;color:#50635c;border-radius:30px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.network-pill span,.status-dot{width:7px;height:7px;border-radius:50%;background:#25a878;box-shadow:0 0 0 4px #25a8781f}.page{padding:30px 34px 52px;max-width:1540px;margin:auto}.mobile-only{display:none!important}.primary-btn,.secondary-btn,.danger-btn,.small-btn{border:0;border-radius:10px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;transition:.18s}.primary-btn{background:var(--green);color:#fff;box-shadow:0 6px 16px #17634f29}.primary-btn:hover{background:#105441;transform:translateY(-1px)}.secondary-btn{background:#fff;color:#2b3d37;border:1px solid #d8e1dd}.secondary-btn:hover{border-color:#a9bdb5;background:#f9fbfa}.danger-btn{background:#fff3f2;color:var(--red);border:1px solid #f0d4d2}.full{width:100%}.icon-btn{border:0;width:38px;height:38px;border-radius:9px;display:inline-grid;place-items:center;color:#52635d;background:transparent}.icon-btn svg{width:19px}.icon-btn:hover{background:#edf3f0}.icon-btn.danger{color:var(--red)}.icon-btn.danger:hover{background:#fff0ef}.primary-icon{background:var(--green)!important;color:#fff!important}.mr-auto{margin-right:auto}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(390px,540px) 1fr;background:#fff}.auth-panel{padding:48px clamp(40px,6vw,84px);display:flex;flex-direction:column;justify-content:center;max-width:540px;width:100%;margin:auto}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:70px}.auth-brand>div:last-child{display:flex;flex-direction:column}.auth-brand span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#7f8d88;font-weight:700}.auth-brand strong{font-size:18px}.auth-copy h1{font-size:34px;letter-spacing:-.04em;margin:8px 0 12px}.auth-copy p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:30px}.auth-panel form{display:flex;flex-direction:column;gap:18px}.auth-panel label,.form-grid label,.form-stack label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#3b4a45}.auth-panel input,.form-grid input,.form-grid select,.form-stack input,.form-stack select,.settings-form input,.settings-form select{width:100%;border:1px solid #d6dfdb;background:#fff;border-radius:9px;min-height:44px;padding:0 12px;outline:none;color:var(--ink)}input:focus,select:focus{border-color:#4b9e82!important;box-shadow:0 0 0 3px #2d8f701a}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:13px;top:13px;color:#84918d}.input-with-icon input{padding-left:42px}.auth-panel label small,.form-grid label small{font-weight:400;color:#82908b}.form-error{color:var(--red);background:#fff1ef;border-radius:8px;padding:10px 12px;font-size:12px;margin:0}.auth-foot{margin-top:46px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;color:#72817c;font-size:11px}.auth-visual{background:radial-gradient(circle at 30% 25%,#286752 0,transparent 32%),linear-gradient(135deg,#0b2b22,#071711);position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:72px}.auth-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.sound-orbit{position:absolute;width:420px;height:420px;left:50%;top:38%;transform:translate(-50%,-50%);display:grid;place-items:center}.sound-orbit div{position:absolute;border:1px solid rgba(113,223,178,.22);border-radius:50%}.sound-orbit div:nth-child(1){inset:0}.sound-orbit div:nth-child(2){inset:70px}.sound-orbit div:nth-child(3){inset:140px;background:#43a87f14}.sound-orbit span{font-family:serif;font-size:54px;color:#78deb5;text-shadow:0 0 30px rgba(109,225,180,.5)}.auth-visual blockquote{position:relative;z-index:2;font:700 25px/1.35 Manrope;margin:0}.auth-visual small{display:block;font:500 12px DM Sans;color:#8cb3a5;margin-top:12px}.setup-visual{align-items:center}.setup-checks{position:relative;display:flex;flex-direction:column;gap:24px}.setup-checks div{display:flex;gap:15px;align-items:center;font-weight:600}.setup-checks svg{color:#78dab4}.setup-panel .auth-brand{margin-bottom:35px}.player-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:22px}.now-card,.source-panel,.mode-card,.entity-card,.manager-list,.manager-detail,.history-card,.settings-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px #14372c09}.now-card{padding:25px 28px}.now-top{display:flex;justify-content:space-between;align-items:center}.mode-badge,.audio-ok,.audio-error{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.mode-badge{padding:7px 10px;border-radius:30px;background:#eff5f2;color:#40534c}.mode-badge span,.audio-ok span{width:7px;height:7px;border-radius:50%}.mode-badge.auto span{background:#25a878;box-shadow:0 0 0 4px #25a8781f}.mode-badge.manual span{background:#e68a51;box-shadow:0 0 0 4px #e68a511f}.audio-ok{color:#71817b}.audio-ok span{background:#2aaa78}.audio-error{color:var(--red)}.now-main{min-height:178px;display:flex;align-items:center;gap:23px}.source-icon{width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,#d9f2e7,#edf8f3);color:var(--green);display:grid;place-items:center}.source-icon svg{width:34px;height:34px}.source-copy>span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#84938e;font-weight:700}.source-copy h2{font-size:31px;letter-spacing:-.045em;margin:5px 0}.play-state{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#697973}.play-state i{width:8px;height:8px;background:#a1aca8;border-radius:50%}.play-state i.active{background:#28ad79;box-shadow:0 0 0 5px #28ad791a}.service-warning{display:flex;gap:12px;background:#fff2ef;color:#8c3d31;padding:12px;border-radius:10px;margin-bottom:15px}.service-warning>div{display:flex;flex-direction:column}.service-warning strong{font-size:13px}.service-warning span{font-size:11px}.transport{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1fr 1.2fr .7fr;gap:10px}.transport-btn{border:1px solid #dbe3df;background:#fff;border-radius:11px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;color:#3b4b45;font-size:12px;font-weight:800}.transport-btn:hover{background:#f6faf8}.transport-btn.play{background:var(--green);border-color:var(--green);color:#fff}.transport-btn.stop{border-color:#efc9c6;color:#a93434;background:#fff9f8}.transport-btn.square span{display:none}.transport-btn.active{background:#25322e;color:#fff}.volume-panel{margin-top:22px;background:#f5f8f6;border-radius:12px;padding:16px 18px}.volume-title{display:flex;justify-content:space-between;align-items:center}.volume-title>div{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px}.volume-title svg{width:18px}.volume-title strong{font-size:17px;color:var(--green)}input[type=range]{appearance:none;height:5px;min-height:5px!important;background:linear-gradient(90deg,var(--green) var(--value,45%),#d4ded9 var(--value,45%));border:0!important;padding:0!important;margin:17px 0 5px}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#fff;border:5px solid var(--green);border-radius:50%;box-shadow:0 2px 8px #94aaa1}.volume-scale{display:flex;justify-content:space-between;font-size:9px;color:#84918c}.source-panel{padding:24px;grid-row:span 2}.section-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:18px;margin:3px 0}.section-heading>svg{color:#a0aca8}.source-group{margin-top:19px}.source-group h3{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#8b9893;margin-bottom:9px}.source-row{width:100%;border:0;background:transparent;border-radius:11px;display:flex;align-items:center;gap:12px;padding:9px;text-align:left}.source-row:hover{background:#f5f8f6}.source-row.selected{background:#edf7f3}.source-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}.source-avatar svg{width:18px}.source-avatar.radio,.entity-icon.radio{background:#e4f1fb;color:#347ba8}.source-avatar.playlist,.entity-icon.playlist{background:#f2eafa;color:#77519b}.source-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.source-row strong{font-size:12px}.source-row small{font-size:10px;color:#889590;margin-top:2px}.source-row>i{margin-left:auto;width:8px;height:8px;border-radius:50%;border:2px solid #bdc9c4}.source-row.selected>i{border:2px solid var(--green);box-shadow:0 0 0 3px #d9eee6}.mode-card{grid-column:1;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.mode-card>div{display:flex;gap:14px;align-items:center}.mode-orb{width:43px;height:43px;border-radius:50%;background:#e9f5f0;display:grid;place-items:center}.mode-orb>span{width:10px;height:10px;border-radius:50%;background:#20a574;box-shadow:0 0 0 6px #20a57421}.mode-orb.manual{background:#fff1e7}.mode-orb.manual>span{background:#df7842;box-shadow:0 0 0 6px #df784221}.mode-card strong{font-size:13px}.mode-card p{font-size:11px;color:#74817d;margin:3px 0 0}.loading-page{height:55vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#71817b}.loader{width:22px;height:22px;border:3px solid #d9e4df;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.search-box{position:relative;width:min(360px,50%)}.search-box svg{position:absolute;left:13px;top:12px;width:18px;color:#81908b}.search-box input{width:100%;height:43px;border:1px solid var(--line);border-radius:10px;padding:0 12px 0 42px;background:#fff;outline:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.entity-card{padding:22px}.entity-head{display:flex;justify-content:space-between;align-items:center}.entity-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center}.status-chip{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:20px;background:#eaf7f1;color:#36755f;font-size:10px;font-weight:700}.status-chip i{width:6px;height:6px;border-radius:50%;background:#2aaa78}.status-chip.muted{background:#f0f2f1;color:#84908c}.status-chip.muted i{background:#a8b2ae}.entity-card h2{font-size:18px;margin:18px 0 6px}.url-text{font-size:11px;color:#82908b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:18px}.entity-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;font-size:11px}.entity-meta span{color:#899691}.entity-meta strong{font-size:11px}.entity-actions{display:flex;align-items:center;margin-top:16px;gap:7px}.entity-actions .small-btn{margin-right:auto;min-height:36px;padding:0 12px}.small-btn.play{background:#e7f4ef;color:var(--green)}.empty-state{background:#fff;border:1px dashed #ccd9d3;border-radius:16px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}.empty-mark{width:56px;height:56px;border-radius:50%;background:#eaf5f1;color:var(--green);font:700 28px serif;display:grid;place-items:center}.empty-state h3{font-size:17px;margin:16px 0 5px}.empty-state p{font-size:12px;color:#7c8b85;margin-bottom:18px}.test-line{display:flex;align-items:center;gap:12px}.success-text{color:#20805f;font-size:12px}.error-text{color:var(--red);font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#04120e8c;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(520px,100%);max-height:92vh;background:#fff;border-radius:16px;box-shadow:0 30px 80px #00000040;display:flex;flex-direction:column;animation:modal-in .18s ease-out}.modal-wide{width:min(720px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal>header{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal h2{font-size:18px;margin:0}.modal-body{padding:22px;overflow:auto}.modal>footer{padding:15px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .span-2{grid-column:span 2}.check-row{flex-direction:row!important;align-items:center;align-self:end;min-height:44px}.check-row input{width:17px!important;height:17px!important;min-height:17px!important;accent-color:var(--green)}.form-stack{display:flex;flex-direction:column;gap:14px}.label-text{display:block;font-size:12px;font-weight:700;color:#3b4a45;margin-bottom:7px}.split-manager{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.manager-list{padding:20px;min-height:620px}.section-heading.compact{padding-bottom:17px}.playlist-list{display:flex;flex-direction:column;margin-top:12px}.playlist-list>button{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:9px;border-radius:10px}.playlist-list>button:hover,.playlist-list>button.active{background:#eff6f3}.playlist-list>button>span:nth-child(2){display:flex;flex-direction:column}.playlist-list strong{font-size:12px}.playlist-list small{font-size:10px;color:#82908b}.playlist-list i{margin-left:auto;width:6px;height:6px;border-radius:50%}.playlist-list button.active i{background:var(--green)}.manager-detail{min-height:620px;overflow:hidden}.manager-detail.empty-state{display:flex}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.detail-title{display:flex;align-items:center;gap:13px}.detail-title h2{font-size:21px;margin:2px 0}.detail-tags{display:flex;gap:7px;margin:10px 0 0 61px}.detail-tags span{background:#f0f4f2;border-radius:20px;padding:5px 8px;color:#687772;font-size:9px;display:flex;align-items:center;gap:4px}.detail-tags svg{width:12px}.detail-actions{display:flex;gap:7px}.tracks-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 24px}.tracks-toolbar h3{font-size:14px;margin:0}.tracks-toolbar span{font-size:10px;color:#899691}.track-list{padding:0 24px 24px}.track-row{min-height:61px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.track-number{color:#98a49f;font:600 10px Manrope}.track-icon{width:34px;height:34px;border-radius:9px;background:#f1f5f3;color:#6f817a;display:grid;place-items:center}.track-icon svg{width:16px}.track-copy{display:flex;flex-direction:column;min-width:0}.track-copy strong{font-size:12px}.track-copy small{font-size:9px;color:#8b9792;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-actions{margin-left:auto;display:flex}.track-actions .icon-btn{width:31px;height:31px}.track-actions svg{width:16px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.week-nav,.toolbar-actions{display:flex;align-items:center;gap:8px}.today-btn{border:1px solid var(--line);background:#fff;height:38px;border-radius:9px;padding:0 12px;font-size:11px;font-weight:700}.week-nav>.period-label{display:flex;flex-direction:column;margin-left:8px}.week-nav>div span{font-size:9px;text-transform:uppercase;color:#88958f}.week-nav>div strong{font-size:14px}.calendar-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.week-grid{min-width:980px;height:760px;display:grid;grid-template-columns:72px repeat(7,1fr);grid-template-rows:70px 1fr}.time-head{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.day-head{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px}.day-head>span{text-transform:uppercase;font-size:9px;color:#899690;font-weight:800}.day-head>strong{width:30px;height:30px;display:grid;place-items:center;font-size:14px}.day-head.today>strong{background:var(--green);color:#fff;border-radius:50%}.exception-add{position:absolute;right:5px;top:5px;border:0;background:transparent;color:#a1aca8;padding:4px}.exception-add svg{width:15px}.time-axis{position:relative;border-right:1px solid var(--line);grid-row:2}.time-axis span{position:absolute;right:11px;transform:translateY(-50%);font-size:9px;color:#899690}.day-column{position:relative;border-right:1px solid var(--line);overflow:hidden;background:linear-gradient(#fafcfb 1px,transparent 1px);background-size:100% calc(100% / 13)}.hour-cell{position:absolute;left:0;right:0;border:0;border-bottom:1px solid #eef2f0;background:transparent}.hour-cell:hover{background:#288f6e0d}.schedule-block{position:absolute;left:5px;right:5px;border:0;border-left:4px solid;border-radius:6px;padding:6px 7px;text-align:left;overflow:hidden;z-index:3;min-height:30px}.schedule-block.radio{background:#e7f3fa;border-color:#3587b7;color:#245c7d}.schedule-block.playlist{background:#f1eaf8;border-color:#8157a7;color:#62447d}.schedule-block strong,.schedule-block span,.schedule-block small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-block strong{font-size:10px}.schedule-block span{font-size:8px;margin-top:2px}.schedule-block small{font-size:8px;opacity:.8}.exception-banner{position:absolute;inset:4px 4px auto;min-height:25px;background:#fff1e6;color:#a4552c;border:1px solid #f3d2bd;border-radius:5px;display:flex;align-items:center;padding:3px 5px;gap:4px;z-index:5;font-size:8px;font-weight:700}.exception-banner svg{width:11px}.exception-banner button{margin-left:auto;border:0;background:transparent;color:inherit;padding:0}.exception-banner button svg{width:10px}.calendar-legend{display:flex;gap:18px;align-items:center;margin-top:12px;font-size:10px;color:#687772}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:9px;height:9px;border-radius:3px}.calendar-legend i.radio{background:#3587b7}.calendar-legend i.playlist{background:#8157a7}.calendar-legend i.exception{background:#df7842}.calendar-legend small{margin-left:auto;color:#899690}.weekday-picker{display:flex;gap:5px}.weekday-picker button{flex:1;border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 3px;font-size:9px}.weekday-picker button.active{background:var(--green);border-color:var(--green);color:#fff}.view-toggle{display:flex!important;flex-direction:row!important;background:#e7eeeb;border-radius:8px;padding:3px;margin-left:10px!important}.view-toggle button{border:0;background:transparent;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:700;color:#6f7d78}.view-toggle button.active{background:#fff;color:var(--green);box-shadow:0 2px 7px #14372c17}.week-grid.day-view{min-width:520px;grid-template-columns:72px 1fr}.selected-radio-option,.holiday-option{padding:12px 14px;border:1px solid #d7e6df;border-radius:11px;background:#f5faf8;align-self:stretch}.selected-radio-option>span,.holiday-option>span{display:flex;flex-direction:column;gap:3px}.selected-radio-option small,.holiday-option small,.selected-radio-summary small{font-size:9px;font-weight:400;color:#72837c}.selected-radio-summary{display:flex;flex-direction:column;gap:4px;border-left:4px solid var(--green);background:#eef7f3;border-radius:9px;padding:12px 14px}.selected-radio-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#71817b;font-weight:700}.selected-radio-summary strong{font-size:14px;color:var(--green)}.annual-intro{display:flex;align-items:center;gap:13px;background:#eef7f3;border-radius:12px;padding:15px}.annual-intro>svg{width:28px;height:28px;color:var(--green);flex:none}.annual-intro strong{font-size:13px}.annual-intro p{font-size:10px;line-height:1.45;color:#697a73;margin:3px 0 0}.annual-btn{border-color:#b9d7ca;color:var(--green)}.filter-tabs{background:#fff;border:1px solid var(--line);border-radius:11px;padding:4px;display:flex;align-items:center;gap:2px}.filter-tabs>svg{width:16px;margin:0 7px;color:#83918c}.filter-tabs button{border:0;background:transparent;padding:7px 10px;border-radius:7px;font-size:10px;font-weight:700;color:#75837e}.filter-tabs button.active{background:#eaf4f0;color:var(--green)}.history-card{overflow:hidden}.log-row{display:flex;gap:14px;padding:17px 22px;border-bottom:1px solid var(--line);align-items:flex-start}.log-row:last-child{border-bottom:0}.log-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#edf5f2;color:#4a7b69;flex:none}.log-icon svg{width:17px}.log-icon.warning{background:#fff5e7;color:#c17a29}.log-icon.error{background:#fff0ef;color:#b8453e}.log-copy{min-width:0}.log-copy>div{display:flex;gap:8px;align-items:center}.log-copy strong{font-size:12px}.category-chip{font-size:8px;text-transform:uppercase;background:#f0f3f2;color:#778580;border-radius:20px;padding:3px 6px}.log-copy p{font-size:10px;color:#687772;margin:4px 0}.log-copy small{font-size:9px;color:#899690}.log-row time{margin-left:auto;font-size:9px;color:#899690;white-space:nowrap}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav button{border:0;background:transparent;border-radius:10px;padding:12px;text-align:left;display:flex;align-items:center;gap:10px;color:#667570;font-size:11px;font-weight:700}.settings-nav svg{width:18px}.settings-nav button.active{background:#fff;color:var(--green);box-shadow:0 3px 12px #14372c0f}.settings-card{padding:26px;min-height:520px}.settings-title{padding-bottom:22px;border-bottom:1px solid var(--line)}.settings-title.row{display:flex;justify-content:space-between}.settings-title h2{font-size:21px;margin:4px 0}.settings-title p{color:#75837e;font-size:11px;margin:0}.settings-form{margin-top:22px;max-width:800px}.input-suffix{display:flex;position:relative}.input-suffix span{position:absolute;right:13px;top:13px;color:#81908b;font-size:11px}.input-suffix input{padding-right:38px}.form-submit{border-top:1px solid var(--line);padding-top:18px;margin-top:6px}.user-list{margin-top:15px}.user-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.user-avatar{width:38px;height:38px;border-radius:11px;background:#edf4f1;color:#5f766d;display:grid;place-items:center}.user-avatar svg{width:18px}.user-row>div{display:flex;flex-direction:column;margin-right:auto}.user-row strong{font-size:12px}.user-row small{font-size:9px;color:#84918c}.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.backup-actions article{border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:42px 1fr;gap:12px}.backup-actions article button{grid-column:1/-1}.backup-icon{width:42px;height:42px;border-radius:11px;background:#eaf5f1;color:var(--green);display:grid;place-items:center}.backup-icon.warning{background:#fff2e8;color:#c66b39}.backup-actions h3{font-size:13px;margin:2px 0 4px}.backup-actions p{font-size:10px;color:#788680;line-height:1.45;margin:0}.backup-history{margin-top:28px}.backup-history>h3{font-size:13px}.backup-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:11px 0}.backup-row>svg{width:18px;color:#789087}.backup-row>div{display:flex;flex-direction:column}.backup-row strong{font-size:10px}.backup-row small{font-size:9px;color:#88958f}.mini-empty{padding:25px;text-align:center;color:#84918c;font-size:11px}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:#173c31;color:#fff;border-radius:10px;padding:12px 16px;box-shadow:0 12px 30px #0000002e;font-size:12px;font-weight:600;animation:modal-in .2s}.toast.error{background:#9e3734}.toast.warning{background:#a35e2d}@media(max-width:1050px){.player-layout{grid-template-columns:1fr}.source-panel{grid-row:auto}.mode-card{grid-column:auto}.split-manager{grid-template-columns:230px 1fr}.toolbar-actions .secondary-btn{font-size:0;padding:0;width:42px}.toolbar-actions .secondary-btn svg{margin:0}.calendar-toolbar{align-items:flex-start}.auth-visual{padding:45px}.transport{grid-template-columns:1fr 1fr}.transport-btn.stop{order:4}}@media(max-width:760px){.mobile-only{display:inline-grid!important}.sidebar{transform:translate(-100%);transition:.22s}.sidebar.open{transform:translate(0)}.nav-shade{position:fixed;inset:0;background:#06151073;z-index:40}.main-area{margin-left:0;width:100%}.topbar{height:78px;padding:0 17px;gap:12px}.topbar h1{font-size:18px}.topbar .eyebrow{display:none}.network-pill{font-size:0;padding:9px}.page{padding:18px 15px 36px}.auth-screen{grid-template-columns:1fr}.auth-panel{padding:32px 24px}.auth-visual{display:none}.auth-brand{margin-bottom:45px}.auth-copy h1{font-size:28px}.player-layout{gap:14px}.now-card{padding:18px}.now-main{min-height:145px}.source-icon{width:62px;height:62px;border-radius:19px}.source-copy h2{font-size:24px}.transport{grid-template-columns:1fr 1fr}.transport-btn{min-height:52px}.mode-card{align-items:stretch;flex-direction:column;gap:15px}.source-panel{padding:18px}.action-bar{align-items:stretch;gap:10px}.search-box{width:100%}.action-bar>.primary-btn{font-size:0;min-width:43px;padding:0}.action-bar>.primary-btn svg{margin:0}.card-grid{grid-template-columns:1fr}.modal-backdrop{padding:0;align-items:flex-end}.modal{max-height:94vh;border-radius:18px 18px 0 0}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.split-manager{display:flex;flex-direction:column}.manager-list{width:100%;min-height:auto}.playlist-list{display:grid;grid-template-columns:repeat(2,1fr)}.manager-detail{width:100%;min-height:500px}.detail-header{align-items:flex-start;gap:15px}.detail-tags{margin-left:0}.detail-actions{flex-direction:column}.track-copy small{max-width:190px}.track-actions .icon-btn:nth-child(-n+2){display:none}.calendar-toolbar{flex-direction:column;gap:12px}.toolbar-actions{width:100%}.toolbar-actions .primary-btn{margin-left:auto}.week-nav>div:last-child{margin-left:2px}.calendar-wrap{margin-left:-15px;margin-right:-15px;border-radius:0}.calendar-legend small{display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto}.settings-nav button{white-space:nowrap}.settings-card{padding:19px}.backup-actions{grid-template-columns:1fr}.filter-tabs button{padding:7px 6px}.filter-tabs>svg{display:none}.log-row{padding:14px}.log-row time{position:absolute;right:29px}.log-copy{padding-top:13px}.weekday-picker{grid-template-columns:repeat(4,1fr);display:grid}}@media(max-width:420px){.now-top{align-items:flex-start}.audio-ok{font-size:0}.audio-ok span{margin-top:8px}.now-main{gap:15px}.source-icon{width:52px;height:52px}.source-copy h2{font-size:21px}.transport-btn{font-size:10px}.playlist-list{grid-template-columns:1fr}.tracks-toolbar{align-items:flex-start;gap:10px}.tracks-toolbar .secondary-btn{font-size:0;padding:0;width:42px}.settings-nav button{font-size:0}.settings-nav button svg{margin:0}.settings-nav{justify-content:center}}