:root{font-family:Manrope,Segoe UI,sans-serif;color:#102a43;background:radial-gradient(circle at 20% 20%,#f0f4f8,#d9e2ec 55%,#bcccdc)}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}#app{height:100vh}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.auth-card{width:min(100%,420px);background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 20px 50px #0f172a1f}.auth-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.auth-card-header h1{margin-bottom:0}.auth-card-controls{display:inline-flex;align-items:flex-start;gap:.55rem;margin-left:auto}.auth-theme-btn{width:38px;height:38px;padding:.45rem;display:inline-flex;align-items:center;justify-content:center;margin-top:0}.auth-theme-btn svg{width:100%;height:100%;fill:currentColor}.locale-flag-switch{--flag-toggle-width: 34px;--flag-toggle-height: 26px;--flag-toggle-gap: .35rem;--flag-toggle-padding: .2rem;display:inline-flex;position:relative;isolation:isolate;align-items:center;gap:var(--flag-toggle-gap);padding:var(--flag-toggle-padding);border:1px solid #bcccdc;border-radius:999px;background:#f0f4f8;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:border-color .24s ease,background-color .24s ease,box-shadow .24s ease}.locale-flag-switch:before{content:"";position:absolute;top:var(--flag-toggle-padding);left:var(--flag-toggle-padding);width:var(--flag-toggle-width);height:var(--flag-toggle-height);border-radius:999px;border:1px solid #0f4c81;background:#0f4c8129;z-index:0;transform:translate(0);transition:transform .26s cubic-bezier(.4,0,.2,1),background-color .24s ease,border-color .24s ease}.locale-flag-switch[aria-pressed=true]:before{transform:translate(calc(var(--flag-toggle-width) + var(--flag-toggle-gap)))}.locale-flag-switch:focus-visible{outline:2px solid #0f4c81;outline-offset:1px}.auth-locale-switch{margin-left:0}.flag-btn{width:var(--flag-toggle-width);height:var(--flag-toggle-height);min-width:var(--flag-toggle-width);padding:0;margin-top:0;border-radius:999px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;opacity:.72;transition:opacity .24s ease,transform .24s ease}.flag-btn:hover{background:transparent}.flag-btn.is-active{opacity:1;transform:scale(1.03)}.flag-btn:focus-visible{outline:2px solid #0f4c81;outline-offset:1px}.flag-icon{position:relative;display:block;width:22px;height:14px;border-radius:2px;box-shadow:0 0 0 1px #0f172a33}.flag-icon:before{content:"";position:absolute}.flag-icon--pl{background:linear-gradient(to bottom,#fff 0,#fff 50%,#dc143c 50%,#dc143c)}.flag-icon--en{background:repeating-linear-gradient(to bottom,#b31942 0,#b31942 12.5%,#fff 12.5%,#fff 25%)}.flag-icon--en:before{left:0;top:0;width:40%;height:58%;background:#0a3161;border-top-left-radius:2px}h1,h2,h3{margin-top:0}.subtitle{margin-top:0;color:#486581}.form{display:grid;gap:.6rem}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.password-input-wrapper .password-visibility-btn{position:absolute;top:50%;right:.3rem;transform:translateY(-50%);width:34px;height:34px;padding:.4rem;margin-top:0;display:inline-flex;align-items:center;justify-content:center}.password-input-wrapper .password-visibility-btn svg{width:100%;height:100%;fill:currentColor}label{font-weight:600}input,select,button{width:100%;font:inherit;padding:.7rem .75rem;border-radius:8px}input,select{border:1px solid #bcccdc;background:#fff}button{border:none;background:#0f4c81;color:#fff;cursor:pointer;margin-top:.25rem}button:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#486581}.danger-btn{background:#b42318}.icon-btn{width:auto;padding:.5rem .75rem;background:#334e68;margin-top:0}.error{margin:.25rem 0;color:#c81e1e}.notice{margin:.25rem 0;color:#0b6e4f}.toast-stack{position:fixed;top:max(.8rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,680px);display:grid;gap:.5rem;z-index:40;pointer-events:none}.toast-item{pointer-events:auto;border-radius:10px;border:1px solid #cbd5e1;background:#f8fbff;color:#102a43;box-shadow:0 14px 36px #0f172a33;padding:.62rem .78rem}.toast-item p{margin:0;line-height:1.35;font-weight:600}.toast-item--error{border-color:#fca5a5;background:#fff1f2;color:#9f1239}.toast-item--success{border-color:#86efac;background:#ecfdf3;color:#166534}.toast-item--info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.muted{color:#627d98}.role-pill{margin-left:.5rem;padding:.2rem .45rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#d9e2ec;color:#243b53}.role-pill.small{margin-left:.4rem;font-size:.65rem}.app-shell{height:100dvh;padding:.85rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.85rem;position:relative;overflow:hidden}.topbar{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 16px 45px #0f172a1c;display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.topbar-main h1{margin:0}.topbar-menu-btn{display:none;width:40px;height:40px;padding:.45rem;margin-top:0;align-items:center;justify-content:center}.topbar-menu-btn svg{width:100%;height:100%;fill:currentColor}.topbar-actions{display:flex;align-items:center;gap:.75rem}.topbar-actions button{width:auto;margin-top:0}.topbar-locale-switch{margin-right:.1rem}.topbar-theme-btn{width:38px;height:38px;padding:.45rem;display:inline-flex;align-items:center;justify-content:center}.topbar-theme-btn svg{width:100%;height:100%;fill:currentColor}.channels-import-header-back-btn{display:none}.identity-chip{display:flex;align-items:center;gap:.35rem;background:#f0f4f8;border-radius:999px;padding:.35rem .65rem}.identity-name{font-weight:700}.app-grid{--side-width: clamp(300px, 24vw, 360px);display:grid;grid-template-columns:minmax(280px,var(--side-width)) minmax(0,1fr) minmax(300px,var(--side-width));justify-content:stretch;justify-items:stretch;width:100%;height:100%;min-height:0;gap:.7rem;align-items:stretch;align-content:stretch}.app-grid--user{grid-template-columns:minmax(0,1fr) minmax(300px,var(--side-width))}.card{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 16px 45px #0f172a1c}.channels-side{grid-column:1;display:flex;flex-direction:column;gap:.45rem;min-height:0;height:100%;overflow:hidden}.channels-side-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.channels-side-actions{display:flex;align-items:center;gap:.45rem}.channels-side-header button{width:auto;margin-top:0}.channels-side-icon-btn{width:38px;height:38px;padding:.45rem;margin-top:0;display:inline-flex;align-items:center;justify-content:center}.channels-side-icon-btn svg{width:100%;height:100%;fill:currentColor}.channels-list{display:grid;gap:.55rem;min-height:0;overflow-y:auto;padding-right:.2rem}.channel-item{display:grid;gap:.55rem;border:1px solid #d9e2ec;border-radius:10px;background:#f7fbff;padding:.6rem}.channel-item button{width:auto;margin-top:0}.channel-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.channel-toggle-btn{width:auto;margin-top:0;border:none;border-radius:8px;color:#fff;font-weight:700;min-width:42px;display:inline-flex;align-items:center;justify-content:center}.channel-toggle-btn--play{background:#0f4c81}.channel-toggle-btn--stop{background:#b42318}.channel-toggle-icon{width:17px;height:17px;fill:currentColor}.favorite-btn{width:38px;height:38px;border:1px solid #b8c7d6;background:#fff;color:#9aa9b8;border-radius:10px;padding:.35rem;margin-top:0}.favorite-btn svg{width:100%;height:100%;fill:currentColor}.favorite-btn--active{color:#e11d48;border-color:#e11d48;background:#ffe7ef}.channel-item-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center}.channel-logo{width:34px;height:34px;border-radius:7px;object-fit:cover;border:1px solid #c3d4e5;background:#fff}.channel-item .meta{margin:.2rem 0 0;color:#486581;font-size:.88rem}.stream-stage{grid-column:2;display:flex;flex-direction:column;gap:0;align-self:stretch;justify-self:stretch;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;padding:.6rem}.app-grid--user .stream-stage{grid-column:1}.stream-status-floating{position:absolute;top:.75rem;right:.75rem;z-index:3;pointer-events:none}.stream-status-chip{margin:0;padding:.2rem .58rem;border:1px solid #c3d4e5;border-radius:999px;color:#486581;background:#f0f4f8;font-size:.86rem;line-height:1.2;white-space:nowrap}.stream-frame{position:relative;flex:1 1 auto;width:100%;height:100%;min-height:0;max-width:100%;overflow:hidden;border-radius:12px;background:#0f172a}.stream-video{width:100%;height:100%;display:block;object-fit:contain;background:#020617}.stream-placeholder{border:2px dashed #9fb3c8;border-radius:12px;width:100%;height:100%;min-height:0;max-width:100%;display:grid;place-items:center;color:#486581;background:linear-gradient(135deg,#f7fbff,#edf2f7);padding:.75rem}.stream-placeholder p{margin:0;text-align:center}.stream-channel-label{position:absolute;left:.75rem;top:.75rem;z-index:3;opacity:0;pointer-events:none;transition:opacity .2s ease}.stream-channel-label span{display:inline-block;max-width:min(86vw,720px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.4rem .72rem;border-radius:9px;border:1px solid rgba(207,232,255,.55);background:#02061773;color:#e8f3ff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:1rem}.stream-frame:hover .stream-channel-label,.stream-frame:focus-within .stream-channel-label{opacity:1}.stream-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:.7rem;padding:1rem;text-align:center;background:#0206178c;color:#f8fafc}.stream-overlay p{margin:0}.stream-overlay .secondary-btn{width:auto}.chat-panel{grid-column:3;display:flex;flex-direction:column;gap:.35rem;min-height:0;min-width:0;height:100%;align-self:stretch;justify-self:stretch;overflow:hidden}.app-grid--user .chat-panel{grid-column:2}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.chat-status{margin:0;color:#486581;text-transform:capitalize;font-size:.9rem}.chat-messages{border:1px solid #d9e2ec;border-radius:10px;padding:0;overflow:hidden;height:100%;flex:1 1 auto;min-height:0;background:#f8fbff}.chat-messages-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:.65rem;scrollbar-gutter:stable}.chat-messages-scroll::-webkit-scrollbar{width:8px}.chat-messages-scroll::-webkit-scrollbar-thumb{background:#b8c7d6;border-radius:999px}.chat-messages-scroll::-webkit-scrollbar-track{background:transparent}.chat-messages-content{display:flex;flex-direction:column;gap:.55rem;margin-top:auto}.chat-message{position:relative;border:1px solid #e1e8ef;border-radius:8px;padding:.5rem;background:#fff;max-width:86%;width:fit-content}.chat-message--mine{align-self:flex-end;background:#e5f0ff;border-color:#7fb0de;border-bottom-right-radius:3px;color:#113a64}.chat-message--other{align-self:flex-start;background:#fff;border-color:#d7e0e9;border-bottom-left-radius:3px;color:#102a43}.chat-message header{display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem;font-weight:700}.chat-message--mine header{color:#0f4c81}.chat-message--other header{color:#243b53}.chat-message time{margin-left:auto;color:#627d98;font-size:.8rem}.chat-message p{margin:0;color:inherit}.chat-form{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;margin-top:auto;padding-top:.25rem;background:#fff}.chat-form button{width:auto;margin-top:0}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:20}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:24}.mobile-topbar-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(92vw,360px);background:#f8fbff;box-shadow:-18px 0 40px #0f172a33;z-index:25;padding:1rem;overflow-y:auto}.mobile-topbar-actions{display:grid;gap:.7rem}.mobile-topbar-actions .identity-chip{width:100%;justify-content:space-between;margin-top:.2rem}.mobile-topbar-actions button{width:100%;margin-top:0}.admin-drawer{position:fixed;top:0;right:0;height:100vh;width:min(100%,480px);background:#f8fbff;box-shadow:-18px 0 40px #0f172a33;z-index:21;padding:1rem;overflow-y:auto}.channels-drawer{width:min(100%,520px);display:flex;flex-direction:column;min-height:0;overflow:hidden}.channels-drawer .drawer-section{flex:0 0 auto}.channels-drawer .drawer-section--channels-list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding-top:.35rem}.channels-drawer-list{flex:1 1 auto;min-height:0}.channels-drawer .drawer-section--preview{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.import-preview-window{margin-top:.4rem;border:1px solid #d9e2ec;border-radius:10px;background:#f7fbff;padding:.45rem;display:grid;gap:.55rem;overflow-y:auto;min-height:0;flex:1 1 auto}.import-preview-item-main{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.import-preview-item-content{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center;min-width:0}.preview-remove-btn{width:auto;margin-top:0;flex-shrink:0}.preview-restore-btn{width:auto;margin-top:0;flex-shrink:0;background:#0b6e4f}.channel-item--removed{opacity:.58}.channel-item--removed .import-preview-item-content{filter:saturate(.65)}.import-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.7rem}.import-preview-actions button{margin-top:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.drawer-header h2{margin:0}.channels-drawer-header-actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.channels-drawer-header-actions button,.drawer-close-btn{margin-top:0}.mobile-topbar-drawer .drawer-header{align-items:center;justify-content:flex-start;gap:1.75rem;padding-bottom:.2rem}.mobile-topbar-drawer .drawer-header h2{line-height:1;margin-right:auto}.mobile-drawer-header-actions{display:flex;align-items:center;gap:.6rem;margin-left:1rem;margin-right:0}.mobile-drawer-header-actions button{margin-top:0}.mobile-drawer-header-actions .locale-flag-switch{--flag-toggle-width: 28px;--flag-toggle-height: 22px;--flag-toggle-gap: .22rem;--flag-toggle-padding: .16rem;margin:0;flex-shrink:0}.mobile-drawer-header-actions .flag-icon{width:18px;height:12px}.drawer-section+.drawer-section{margin-top:1.25rem;border-top:1px solid #d9e2ec;padding-top:1.25rem}.users-list{list-style:none;margin:.55rem 0 0;padding:0;display:grid;gap:.7rem}.user-item{background:#fff;border:1px solid #d9e2ec;border-radius:10px;padding:.75rem}.user-item .meta{margin:.35rem 0 0;color:#486581}.role-editor{display:grid;gap:.45rem;margin-top:.75rem}.role-editor button{margin-top:0}.password-editor{display:grid;gap:.45rem;margin-top:.75rem}.password-editor button{margin-top:0}.user-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem}body.theme-dark{color:#dbe7f5;background:radial-gradient(circle at 20% 20%,#0f172a,#111827 55%,#020617)}body.theme-dark .auth-card,body.theme-dark .topbar,body.theme-dark .card,body.theme-dark .admin-drawer,body.theme-dark .mobile-topbar-drawer{background:#111b2e;color:#dbe7f5;box-shadow:0 16px 40px #0206178c}body.theme-dark input,body.theme-dark select{border-color:#314158;background:#0c1424;color:#e2ebf7}body.theme-dark .secondary-btn{background:#284467}body.theme-dark .icon-btn{background:#22344f}body.theme-dark .subtitle,body.theme-dark .muted,body.theme-dark .channel-item .meta,body.theme-dark .chat-status,body.theme-dark .chat-message time,body.theme-dark .user-item .meta{color:#9bb0c9}body.theme-dark .stream-status-chip{border-color:#41587a;background:#122036;color:#a9c0dd}body.theme-dark .locale-flag-switch{border-color:#314158;background:#0c1424}body.theme-dark .locale-flag-switch:before{border-color:#6aabeb;background:#6aabeb3d}body.theme-dark .locale-flag-switch:focus-visible{outline-color:#6aabeb}body.theme-dark .flag-btn:hover{background:#6aabeb33}body.theme-dark .flag-btn.is-active{opacity:1}body.theme-dark .flag-btn:focus-visible{outline-color:#6aabeb}body.theme-dark .error{color:#fca5a5}body.theme-dark .notice{color:#86efac}body.theme-dark .toast-item{border-color:#334155;background:#0f1a2c;color:#dbe7f5}body.theme-dark .toast-item--error{border-color:#be123c;background:#3c1021;color:#fecdd3}body.theme-dark .toast-item--success{border-color:#15803d;background:#072915;color:#bbf7d0}body.theme-dark .toast-item--info{border-color:#1d4ed8;background:#102446;color:#bfdbfe}body.theme-dark .identity-chip{background:#0d1628}body.theme-dark .role-pill{background:#24354f;color:#dbe7f5}body.theme-dark .channel-item,body.theme-dark .chat-messages,body.theme-dark .user-item,body.theme-dark .import-preview-window{border-color:#30415a;background:#0f1a2c}body.theme-dark .preview-restore-btn{background:#0f8c65}body.theme-dark .channel-logo{border-color:#30415a;background:#0a1322}body.theme-dark .favorite-btn{border-color:#40567a;background:#0d1729;color:#8da7c7}body.theme-dark .favorite-btn--active{border-color:#f43f5e;background:#3a1220;color:#fda4b4}body.theme-dark .stream-placeholder{border-color:#41587a;color:#b4c4da;background:linear-gradient(135deg,#152238,#0f1a2c)}body.theme-dark .chat-form{background:transparent}body.theme-dark .chat-message{border-color:#355075;background:#12233a;color:#d6e6fa}body.theme-dark .chat-message--mine{background:#17345a;border-color:#3a6799;color:#d7eaff}body.theme-dark .chat-message--other{background:#101d31;border-color:#304866;color:#d3e2f4}body.theme-dark .chat-message--mine header,body.theme-dark .chat-message--other header{color:#b8d1ee}body.theme-dark .drawer-section+.drawer-section{border-top-color:#334966}body.theme-dark .drawer-backdrop,body.theme-dark .mobile-menu-backdrop{background:#0206179e}body,.auth-card,.topbar,.card,.admin-drawer,.mobile-topbar-drawer,input,select,button,.channel-item,.chat-messages,.user-item,.import-preview-window,.stream-status-chip,.stream-placeholder,.identity-chip,.locale-flag-switch,.chat-message,.role-pill{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-panel-enter-active,.slide-panel-leave-active{transition:transform .24s ease}.slide-panel-enter-from,.slide-panel-leave-to{transform:translate(100%)}.toast-slide-enter-active,.toast-slide-leave-active,.toast-slide-move{transition:opacity .24s ease,transform .24s ease}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translateY(-120%)}.theme-icon-enter-active,.theme-icon-leave-active{transition:opacity .2s ease,transform .2s ease}.theme-icon-enter-from{opacity:0;transform:scale(.84) rotate(-18deg)}.theme-icon-leave-to{opacity:0;transform:scale(.84) rotate(18deg)}@media(max-width:1080px){.app-shell{padding:.6rem;gap:.6rem}body{overflow:auto}#app{height:auto}.app-grid{grid-template-columns:1fr;max-width:880px;margin:0 auto;height:auto;align-items:start;align-content:start}.app-grid--user{grid-template-columns:1fr}.channels-side,.stream-stage{grid-column:auto;align-self:start}.app-grid--user .stream-stage,.app-grid--user .chat-panel{grid-column:auto}.stream-stage{order:1;width:100%;padding:.5rem}.chat-panel{order:2}.channels-side{order:3}.channels-side{height:auto;max-height:360px}.stream-placeholder,.stream-frame{min-height:clamp(300px,54dvh,560px);max-height:none}.chat-panel{grid-column:auto;height:auto;align-self:start}.chat-messages{height:420px}}@media(pointer:coarse)and (max-width:760px),(pointer:coarse)and (max-height:560px){body{overflow:hidden}#app{height:100dvh}.app-shell{height:100dvh;padding:.45rem;gap:.5rem}.app-grid{height:100%;min-height:0;overflow:hidden;grid-template-columns:1fr;grid-template-rows:minmax(0,46dvh) minmax(0,1fr);gap:.5rem}.app-grid--user{grid-template-columns:1fr;grid-template-rows:minmax(0,46dvh) minmax(0,1fr)}.stream-stage,.chat-panel{grid-column:auto;min-height:0}.stream-stage{order:1;height:100%;padding:.45rem}.stream-frame,.stream-placeholder{min-height:0;height:100%}.chat-panel{order:2;height:100%;min-height:0;padding:.75rem}.chat-messages{height:auto;min-height:0;flex:1 1 auto}.channels-side{display:none}.topbar{align-items:center;padding:.75rem;gap:0}.topbar-main{width:100%}.topbar-menu-btn{display:inline-flex}.topbar-actions{display:none}}@media(max-width:760px){.app-shell{padding:.45rem;gap:.5rem}.topbar{align-items:center;padding:.75rem;gap:0}.topbar-main{width:100%}.topbar-main h1{font-size:1.06rem}.topbar-menu-btn{display:inline-flex}.topbar-actions,.stream-channel-label{display:none}.chat-form{grid-template-columns:1fr}.chat-messages{height:auto;min-height:0}.channel-actions{flex-direction:column;align-items:stretch}.admin-drawer{width:100%}.user-actions,.import-preview-actions{grid-template-columns:1fr}.channels-import-header-back-btn{display:inline-flex}}@media(hover:none){.stream-channel-label{opacity:1}}