*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#6366f1}.btn-danger{color:#fff;background:#ef4444}.btn-secondary{color:#e2e8f0;background:#334155}.btn-success{color:#fff;background:#22c55e}input,select,textarea{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#6366f1}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px}.badge{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-online{color:#86efac;background:#14532d}.badge-offline{color:#fca5a5;background:#450a0a}.badge-active{color:#86efac;background:#14532d}.badge-inactive{color:#fca5a5;background:#450a0a}.page{max-width:1200px;margin:0 auto;padding:24px}.page-title{margin-bottom:24px;font-size:24px;font-weight:700}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap{align-items:center;gap:8px;display:flex}.flex-col{flex-direction:column;gap:12px;display:flex}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.text-sm{color:#94a3b8;font-size:13px}.text-xs{color:#64748b;font-size:11px}.error-msg{color:#f87171;margin-top:8px;font-size:13px}.app-layout{flex-direction:column;height:100vh;display:flex}.app-body{flex:1;min-height:0;display:flex}.app-sidebar{background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:240px;padding:20px 14px;display:flex;overflow-y:auto}.app-main{background:#060d1a;flex:1;min-width:0;overflow-y:auto}.app-bottom-nav{display:none}.app-topbar{background:#080e1c;border-bottom:1px solid #1e293b;flex-shrink:0;align-items:center;gap:18px;height:54px;padding:0 18px;display:flex}.topbar-brand{border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;padding-right:16px;display:flex}.topbar-nav{flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.topbar-nav::-webkit-scrollbar{display:none}.topbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.topbar-ws{background:#1e1e3f;border:1px solid #3730a3;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:flex}.topbar-vk{color:#64748b;white-space:nowrap;background:#0f172a;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;text-decoration:none;display:flex}.topbar-user{align-items:center;gap:9px;display:flex}.topbar-avatar{color:#a5b4fc;background:#312e81;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.topbar-uname{min-width:0;max-width:160px}.topbar-logout{flex-shrink:0;padding:7px 14px;font-size:13px}@media (width<=1180px){.topbar-uname{display:none}}@media (width<=1040px){.topbar-brand,.tb-vk-label{display:none}}@media (width<=920px){.tb-nav-label{display:none}}@media (width<=768px){.app-sidebar,.app-topbar{display:none}.app-bottom-nav{z-index:100;background:#1e293b;border-top:1px solid #334155;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.app-main{padding-bottom:64px}.page{padding:16px}.page-title{margin-bottom:16px;font-size:20px}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.login-card{max-width:400px;width:100%!important}.login-wrap{padding:16px}.login-apk{max-width:400px;width:100%!important}}.editor-fullscreen{z-index:90;background:#0a0f1e;flex-direction:column;display:flex;position:fixed;inset:54px 0 0;overflow:hidden}.editor-bottom-bar{background:#0f172a;border-top:1px solid #1e293b;flex-shrink:0;align-items:stretch;gap:10px;padding:10px 16px;display:flex}.pl-editor-cols{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.pl-editor-lib{-webkit-overflow-scrolling:touch;background:#070c16;border-right:1px solid #12203a;padding:0 14px 24px;overflow-y:auto}.pl-editor-items{-webkit-overflow-scrolling:touch;padding:0 16px 24px;overflow-y:auto}.pl-lib-top{z-index:3;background:#070c16;padding:14px 0 12px;position:sticky;top:0}.pl-items-top{z-index:3;background:#0a0f1e;padding:14px 0 12px;position:sticky;top:0}.pl-col-head{justify-content:space-between;align-items:center;gap:10px;min-height:32px;display:flex}.pl-col-title{color:#e2e8f0;letter-spacing:.01em;align-items:center;gap:7px;font-size:15px;font-weight:700;display:flex}.pl-col-count{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:600}.pl-col-hint{color:#64748b;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.pl-add-row{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.pl-add-btn{cursor:pointer;color:#94a3b8;white-space:nowrap;background:#0f172a;border:1px solid #1e293b;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:12px;font-weight:600;transition:all .13s;display:flex}.pl-add-btn:hover{color:#cbd5e1;border-color:#334155}.pl-add-btn.on{color:#a5b4fc;background:#6366f11f;border-color:#6366f1}.pl-add-ico{object-fit:contain;border-radius:4px;flex-shrink:0;width:18px;height:18px}.pl-add-form{background:#0f172a;border:1px solid #263449;border-radius:10px;margin-top:8px;padding:12px}.pl-mobile-addfiles{cursor:pointer;color:#fff;background:#6366f1;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin:4px 0 12px;padding:12px;font-size:14px;font-weight:700;display:flex}.pl-lib-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#0a0f1e;border-top:1px solid #1e293b;flex-shrink:0;align-items:center;gap:8px;margin:0 -16px;display:flex}.pl-lib-count{color:#94a3b8;margin-right:auto;font-size:13px;font-weight:600}.pl-lib-fbtn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:11px 16px;font-size:14px;font-weight:700}.pl-lib-fbtn.add{color:#fff;background:#22c55e}.pl-lib-fbtn.add:disabled{color:#475569;cursor:default;background:#13203a}.pl-lib-fbtn.del{color:#fca5a5;background:#1e293b;border-color:#7f1d1d;justify-content:center;align-items:center;padding:11px 13px;display:flex}.pl-lib-fbtn.move{color:#cbd5e1;background:#1e293b;border-color:#334155;justify-content:center;align-items:center;padding:11px 13px;display:flex}.pl-editor-lib img{-webkit-user-drag:none;user-drag:none}.pl-folderpick{z-index:400;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pl-folderpick-sheet{width:100%;max-width:480px;padding:14px 14px calc(14px + env(safe-area-inset-bottom));background:#0f172a;border:1px solid #1e293b;border-radius:16px 16px 0 0;flex-direction:column;gap:6px;max-height:70vh;display:flex;overflow-y:auto}.pl-folderpick-title{color:#94a3b8;padding:4px 4px 8px;font-size:13px;font-weight:700}.pl-folderpick-item{text-align:left;color:#e2e8f0;cursor:pointer;background:#0b1322;border:1px solid #1e293b;border-radius:10px;padding:12px 14px;font-size:14px}.pl-folderpick-item:hover{border-color:#6366f1}.pl-folderpick-empty{color:#64748b;padding:10px 4px;font-size:12px}.pl-folderpick-cancel{color:#94a3b8;cursor:pointer;background:#1e293b;border:none;border-radius:10px;margin-top:6px;padding:12px;font-size:14px;font-weight:600}.pl-feed-page{z-index:400;background:#020610b3;flex-direction:column;display:flex;position:fixed;inset:0}.pl-feed-inner{background:#0b1322;flex-direction:column;flex:1;display:flex;overflow:hidden}.pl-feed-head{color:#f1f5f9;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;font-size:17px;font-weight:700;display:flex}.pl-feed-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}@media (width>=769px){.pl-feed-page{justify-content:center;align-items:center;padding:24px}.pl-feed-inner{border:1px solid #1e293b;border-radius:16px;flex:none;width:100%;max-width:480px;max-height:88vh}}.feed-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.feed-opt{text-align:left;cursor:pointer;background:#0f172a;border:1px solid #263449;border-radius:14px;align-items:center;gap:13px;padding:16px;transition:border-color .13s,transform .1s;display:flex}.feed-opt:hover{border-color:#475569}.feed-opt:active{transform:scale(.99)}.feed-opt.yml{background:linear-gradient(#22c55e0f,#0f172a);border-color:#1f5133}.feed-opt.yml:hover{border-color:#4ade80}.feed-opt-ic{background:#0b1322;border:1px solid #1e293b;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feed-opt-txt{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.feed-opt-txt b{color:#e2e8f0;font-size:15px;font-weight:700}.feed-opt.yml .feed-opt-txt b{color:#4ade80}.feed-opt-txt span{color:#64748b;font-size:12.5px;line-height:1.4}.feed-opt-arr{color:#475569;flex-shrink:0}.pl-editor-lib{position:relative}.pl-editor-lib.drag{background:#0b1526;box-shadow:inset 0 0 0 2px #6366f1}.pl-lib-actions{grid-template-columns:1fr auto;gap:6px;margin-top:10px;display:grid}.pl-lib-upload{cursor:pointer;color:#fff;background:#6366f1;border:1px solid #6366f1;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:600;transition:opacity .13s;display:flex}.pl-lib-upload:hover{opacity:.9}.pl-lib-upload:disabled{opacity:.55;cursor:default}.pl-lib-folder{cursor:pointer;color:#94a3b8;white-space:nowrap;background:#0f172a;border:1px solid #334155;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.pl-lib-folder:hover{color:#cbd5e1;border-color:#475569}.pl-lib-folder.on{color:#a5b4fc;background:#6366f11f;border-color:#6366f1}.pl-folder-new{gap:6px;margin-top:8px;display:flex}.pl-folder-new input{color:#e2e8f0;background:#0b1322;border:1px solid #6366f1;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:13px}.pl-folder-ok{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.pl-folder-ok:disabled{opacity:.5;cursor:default}.pl-folder-x{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:8px 11px;font-size:13px}.pl-lib-drop{z-index:10;text-align:center;color:#a5b4fc;pointer-events:none;background:#1e1b3ff5;border:1px dashed #6366f1;border-radius:10px;margin:8px;padding:12px 16px;font-size:13px;font-weight:600;position:absolute;top:0;left:0;right:0}.pl-editor-lib::-webkit-scrollbar{width:10px}.pl-editor-items::-webkit-scrollbar{width:10px}.pl-editor-lib::-webkit-scrollbar-thumb{background:#1e293b padding-box padding-box;border:3px solid #0000;border-radius:99px}.pl-editor-items::-webkit-scrollbar-thumb{background:#1e293b padding-box padding-box;border:3px solid #0000;border-radius:99px}.pl-editor-lib::-webkit-scrollbar-thumb:hover{background:#334155 padding-box padding-box}.pl-editor-items::-webkit-scrollbar-thumb:hover{background:#334155 padding-box padding-box}.pl-editor-lib::-webkit-scrollbar-track{background:0 0}.pl-editor-items::-webkit-scrollbar-track{background:0 0}@media (width<=768px){.pl-editor-cols{-webkit-overflow-scrolling:touch;display:block;overflow-y:auto}.pl-editor-items{padding:0 16px 90px;overflow:visible}.pl-items-top{background:0 0;position:static}.pl-col-hint,.pl-editor-lib{display:none}.pl-editor-lib.libopen{z-index:300;background:#070c16;border-right:none;flex-direction:column;padding:0 16px;display:flex;position:fixed;inset:0;overflow:hidden}.pl-editor-lib.libopen .pl-lib-top{z-index:auto;flex-shrink:0;position:static}.pl-editor-lib.libopen .pl-lib-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}}.day-tabs-row::-webkit-scrollbar{display:none}.playlists-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.content-layout{height:100%;display:flex;overflow:hidden}.content-folder-side{background:#080e1c;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.content-main-wrap{flex:1;min-width:0;overflow-y:auto}.content-grid-desktop{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.screens-layout{height:100%;display:flex;overflow:hidden}.screens-pc-list{flex-shrink:0;width:260px}.screens-right{flex-direction:column;flex:1;display:flex;overflow:hidden}@media (width<=768px){.playlists-grid{grid-template-columns:1fr;gap:10px}.content-layout{height:auto;display:block;overflow:visible}.content-folder-side{display:none}.content-main-wrap{overflow-y:visible}.content-grid-desktop{grid-template-columns:repeat(3,1fr)}.screens-layout{height:auto;display:block;overflow:visible}.screens-pc-list{border-right:none;width:100%}.screens-right{display:block;overflow:visible}.screens-has-selected .screens-pc-list,.screens-layout:not(.screens-has-selected) .screens-right{display:none!important}.screens-back-btn{display:flex!important}.screens-shutdown-btn{display:none!important}}.upload-zone-mobile{display:none}@media (width<=768px){.upload-zone-desktop{display:none!important}.upload-zone-mobile{display:flex}.editor-fullscreen{top:0;bottom:64px;left:0}.editor-fullscreen.libmodal{z-index:200;bottom:0}}.bnav-item{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:11px;text-decoration:none;transition:color .15s;display:flex}.bnav-item.active{color:#6366f1}.bnav-item svg{width:22px;height:22px}