*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f5f7;color:#1d1d1f}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:#fff;padding:38px;border-radius:14px;box-shadow:0 8px 30px #00000014}.brand{font-size:13px;font-weight:700;letter-spacing:.18em;margin-bottom:26px}h1{margin:0 0 8px;font-size:28px}.subtitle{margin:0 0 30px;color:#666}label{display:block;margin-bottom:20px;font-size:14px;font-weight:600}input{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #ccc;border-radius:8px;font-size:16px}button{width:100%;padding:13px 16px;border:0;border-radius:8px;background:#111;color:#fff;font-size:16px;cursor:pointer}button.secondary{margin-top:28px;background:#ececec;color:#111}.error{margin-bottom:18px;color:#b00020;font-size:14px}.info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.info span{color:#666}.join-card{text-align:center}.studio-name{margin:8px 0 28px;color:#666;font-size:16px}.time-block{padding:22px 0;margin:26px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.time-block span{display:block;margin-bottom:6px;color:#666;font-size:14px}.time-block strong{display:block;font-size:34px}.join-message{line-height:1.6;color:#555}.ready-box{margin:26px 0;padding:24px;background:#f6f7f8;border-radius:10px}.ready-box p{margin:10px 0 0;color:#666;line-height:1.5}.microphone{margin-bottom:12px;font-size:32px}.disabled-button{opacity:.45;cursor:default}.dashboard-page{min-height:100vh;background:#f4f5f7;padding:32px}.dashboard-shell{max-width:1100px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:36px}.platform-name{margin-top:6px;color:#666;font-size:15px}.studio-identity{text-align:right}.studio-identity strong{display:block;font-size:22px}.studio-identity span{display:block;margin-top:4px;color:#777;font-size:14px}.dashboard-section{background:#fff;border-radius:14px;padding:26px;margin-bottom:22px;box-shadow:0 8px 30px #0000000d}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h1,.section-heading h2{margin:0}.section-heading span{min-width:32px;height:32px;display:grid;place-items:center;border-radius:16px;background:#f0f0f0;font-weight:700}.booking-list{display:flex;flex-direction:column}.booking-row{display:grid;grid-template-columns:90px minmax(220px,1fr) minmax(300px,370px) 110px;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #eee}.booking-row>.open-button,.booking-row>.connect-button{grid-column:4;justify-self:end}.booking-output-select{grid-column:3}.booking-row:first-child{border-top:0}.booking-time{font-size:24px;font-weight:700}.booking-main{min-width:0}.booking-main strong,.booking-main span,.booking-main small{display:block}.booking-main strong{font-size:18px;margin-bottom:5px}.booking-main span{color:#444;margin-bottom:5px}.booking-main small{color:#777}.open-button{width:auto;min-width:90px;padding-left:18px;padding-right:18px}.empty-state{padding:26px 0;color:#777}.active-call{border-left:4px solid #ddd}.dashboard-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#777;font-size:14px}.logout-button{width:auto;background:transparent;color:#333;border:1px solid #ccc}@media(max-width:700px){.dashboard-page{padding:18px}.dashboard-header{flex-direction:column}.studio-identity{text-align:left}.booking-row{grid-template-columns:70px 1fr}.open-button{grid-column:1 / -1;width:100%}.dashboard-footer{flex-direction:column;align-items:stretch}.logout-button{width:100%}}.studio-clock{margin-bottom:12px;font-size:28px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}.booking-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:600}.status-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.status-neutral .status-dot{background:#aaa}.status-opened .status-dot{background:#d7a900}.status-ready .status-dot{background:#2f9e44}.status-connecting .status-dot{background:#2878c7}.status-connected .status-dot{background:#187b35}.status-finished .status-dot{background:#777}.status-error .status-dot{background:#c62828}.connect-button{width:auto;min-width:110px;padding:12px 20px;background:#1f4f7a}.call-actions{display:flex;align-items:center;gap:14px}.call-duration{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.active-call-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.active-call-info{display:flex;flex-direction:column;gap:6px}.active-call-info>strong{font-size:20px}.active-call-info>span{color:#6b7280}.audio-meter-wrap{display:flex;flex-direction:column;gap:6px;min-width:240px}.audio-meter-label{font-size:13px;color:#6b7280}.audio-meter{display:flex;gap:3px;height:18px}.meter-segment{flex:1;border-radius:2px;opacity:.14}.meter-segment.active{opacity:1}.meter-green{background:#2e8b57}.meter-yellow{background:#d4a017}.meter-red{background:#c0392b}.booking-audio-actions{display:flex;align-items:center;gap:14px}.output-select{display:flex;flex-direction:column;gap:4px;min-width:220px}.output-select>span{font-size:12px;color:#6b7280}.output-select select{min-height:38px;padding:7px 10px}.booking-output-select{min-width:230px;width:min(230px,100%)}.booking-output-select label{display:flex;flex-direction:column;gap:4px}.booking-output-select label>span{font-size:12px;color:#6b7280}.booking-output-select select{min-height:38px;padding:7px 10px}.active-call-list{display:flex;flex-direction:column;gap:12px}.active-call-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,2fr) 100px;align-items:center;gap:24px;padding:16px 18px;border:1px solid #e5e7eb;border-radius:10px}.active-call-info{display:flex;flex-direction:column;gap:5px}.active-call-meter{display:flex;flex-direction:column;gap:6px}.active-call-meter>span,.active-call-bitrate>span{font-size:12px;color:#6b7280}.active-call-bitrate{display:flex;flex-direction:column;gap:4px;text-align:right}.active-call-row{grid-template-columns:minmax(200px,1fr) minmax(220px,1.3fr) minmax(260px,2fr) 110px 110px}.active-call-video{width:240px;max-width:100%;min-height:0;height:auto;aspect-ratio:auto!important;object-fit:contain;border:1px solid rgba(90,98,108,.5);border-radius:10px;background:#1c2228;box-shadow:inset 0 1px #ffffff59}.video-option{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:9px}.video-option input{width:16px;height:16px;margin:0}.join-remote-video{display:block;width:min(100%,520px);height:auto;aspect-ratio:auto!important;margin:18px auto 0;object-fit:contain;border:1px solid rgba(90,98,108,.5);border-radius:12px;background:#1c2228}.join-local-video{display:block;width:min(100%,260px);height:auto;aspect-ratio:auto;margin:12px auto 0;object-fit:contain;transform:scaleX(-1);border:1px solid rgba(90,98,108,.5);border-radius:10px;background:#1c2228}.active-call-row>.connect-button{justify-self:end}.active-call-heading-actions{display:flex;align-items:center;gap:12px}.video-monitor-toggle{min-width:132px;padding:9px 14px;font-size:13px}.video-monitor-panel{margin:0 0 18px;padding:16px;border:1px solid rgba(93,101,111,.42);border-radius:14px;background:repeating-linear-gradient(0deg,#ffffff24 0 1px,#5f656d0f 2px 3px),linear-gradient(180deg,#ebeef0e6,#b8bec5d1);box-shadow:inset 0 1px #ffffffb8}.video-monitor-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.video-monitor-heading strong{color:var(--metal-ink, #202832);font-size:18px}.video-monitor-heading span{color:var(--metal-muted, #56616c);font-size:13px}.video-monitor-grid{display:grid;gap:14px}.video-monitor-grid.single{grid-template-columns:minmax(280px,760px);justify-content:center}.video-monitor-grid.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.video-monitor-tile{overflow:hidden;border:1px solid rgba(93,101,111,.46);border-radius:12px;background:#1c2228;box-shadow:0 2px 6px #31384238}.video-monitor-tile video{display:block;width:100%;height:auto;aspect-ratio:auto!important;max-height:none;object-fit:contain;background:#11161a}.video-monitor-stream{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain}.video-monitor-tile>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;background:#f5f7f8f0}.video-monitor-tile strong{color:#202832}.video-monitor-tile span{color:#56616c;font-size:12px}.booking-details{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:18px;margin-top:2px;padding:16px 18px;background:#f7f8fa;border-radius:8px}.booking-details>div{display:flex;flex-direction:column;gap:4px}.booking-details span{font-size:12px;color:#777}.booking-details strong{font-size:14px}.meter-line{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px}.meter-line>span{font-size:11px;font-weight:700;color:#6b7280}.active-call-bitrate select{min-height:34px;padding:5px 8px}.active-call-bitrate small{font-size:11px;color:#777;white-space:nowrap}.lufs-line{display:grid;grid-template-columns:48px minmax(120px,230px) 78px;align-items:center;gap:10px}.lufs-label{font-size:11px;font-weight:700;color:#6b7280}.lufs-meter{position:relative;height:16px;overflow:hidden;background:#e5e7eb;border-radius:3px}.lufs-fill{height:100%;transition:width 80ms linear}.lufs-fill.lufs-green{background:#2e8b57}.lufs-fill.lufs-yellow{background:#d6a300}.lufs-fill.lufs-red{background:#c62828}.lufs-target{position:absolute;top:-3px;bottom:-3px;left:80%;width:3px;background:#111;z-index:3}.lufs-target:after{content:"-12";position:absolute;top:-17px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:#111}.lufs-value{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.booking-create-message.error{color:#991b1b!important;font-weight:800}.booking-create-message.warning,.booking-create-message.success{font-weight:800}.booking-create-message.success{color:#166534!important}.booking-create-message.warning{color:#991b1b!important}.dashboard-footer>div{display:flex;align-items:center;gap:20px}.compact-booking-row{grid-template-columns:110px 130px minmax(180px,1fr) minmax(140px,1fr) 150px auto;align-items:center;gap:16px}.compact-booking-cell{font-size:14px;line-height:1.4}.compact-booking-cell strong{font-size:14px}.compact-booking-row .booking-status{margin:0}.booking-row.compact-booking-row{grid-template-columns:105px 125px minmax(180px,1fr) minmax(140px,1fr) 150px auto;gap:14px;padding:10px 0}.booking-row.compact-booking-row>.open-button,.booking-row.compact-booking-row>.connect-button{grid-column:6;justify-self:end}.booking-row.compact-booking-row .booking-actions{grid-column:6;justify-self:end;display:flex;gap:8px;flex-wrap:wrap}.booking-row.compact-booking-row .booking-actions>.open-button,.booking-row.compact-booking-row .booking-actions>.connect-button{grid-column:auto;justify-self:auto}.booking-row.compact-booking-row .booking-output-select,.booking-row.compact-booking-row .booking-details{grid-column:1 / -1}@media(max-width:760px){.studio-dashboard .booking-row.compact-booking-row{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.studio-dashboard .booking-row.compact-booking-row>.open-button,.studio-dashboard .booking-row.compact-booking-row>.connect-button,.studio-dashboard .booking-row.compact-booking-row .booking-output-select,.studio-dashboard .booking-row.compact-booking-row .booking-details,.studio-dashboard .booking-row.compact-booking-row .booking-actions{grid-column:1;justify-self:stretch;min-width:0;width:min(230px,100%)}.studio-dashboard .booking-row.compact-booking-row .booking-actions{display:flex;flex-wrap:wrap;gap:8px}.studio-dashboard .booking-row.compact-booking-row .booking-actions>button{flex:1 1 140px;min-width:0}.studio-dashboard .booking-row.compact-booking-row .booking-output-select select{width:100%;max-width:100%}}.studio-bookings-preview{margin:12px 0 22px}.studio-bookings-preview>strong{display:block;margin-bottom:14px}.studio-bookings-preview>span{display:block;margin-top:10px;color:#777}.studio-bookings-table{border:1px solid #ddd;border-radius:10px;overflow:hidden}.studio-bookings-header,.studio-bookings-row{display:grid;grid-template-columns:150px 180px minmax(180px,1fr);gap:20px;align-items:center;padding:12px 16px;font-size:14px}.studio-bookings-header{font-weight:600;color:#555;background:#fafafa}.studio-bookings-row{border-top:1px solid #eee}.studio-bookings-row span:nth-child(2){white-space:nowrap}.editor-bookings-table{border:1px solid #ddd;border-radius:10px;overflow:hidden}.editor-bookings-header,.editor-bookings-row{display:grid;grid-template-columns:120px 150px minmax(180px,1.3fr) minmax(130px,1fr) minmax(140px,1fr) 130px 110px;gap:16px;align-items:center;padding:12px 16px;font-size:14px}.editor-bookings-header{background:#fafafa;color:#555;font-weight:600}.editor-bookings-row{border-top:1px solid #eee}.editor-bookings-row>span:nth-child(2){white-space:nowrap}.editor-bookings-row .booking-status{margin:0}.editor-bookings-row .booking-actions{display:flex;justify-content:flex-end}.editor-bookings-row .booking-actions .open-button{width:auto;min-width:0;padding:8px 12px;white-space:nowrap;font-size:13px}.admin-user-row{grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:14px 0;align-items:center}.admin-user-row .booking-main{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,.8fr) minmax(180px,1.3fr) minmax(170px,1fr) minmax(250px,2fr);gap:16px;align-items:center}.admin-user-row .booking-main strong,.admin-user-row .booking-main span,.admin-user-row .booking-main small{display:block;margin:0;font-size:14px;line-height:1.4}.admin-user-row .booking-main strong{font-weight:700}.admin-user-row .booking-actions{display:flex;gap:8px;align-items:center}.admin-user-row .booking-actions .open-button{width:auto;min-width:0;padding:8px 12px;white-space:nowrap;font-size:13px}.admin-user-row>.booking-details{grid-column:1 / -1;margin-top:8px}@media(max-width:1000px){.admin-user-row{grid-template-columns:1fr}.admin-user-row .booking-main{grid-template-columns:1fr 1fr}.admin-user-row .booking-actions{justify-content:flex-start}}.admin-user-row{grid-template-columns:minmax(0,1fr) 260px!important;gap:24px!important}.admin-user-row .booking-main{grid-template-columns:minmax(120px,.9fr) minmax(90px,.7fr) minmax(170px,1.2fr) minmax(160px,1fr) minmax(220px,1.5fr)!important;gap:14px!important;min-width:0}.admin-user-row .booking-main small{min-width:0;overflow-wrap:anywhere}.admin-user-row .booking-actions{width:260px;display:flex;gap:10px;justify-content:flex-end;align-items:center}.admin-user-row .booking-actions .open-button{flex:0 0 auto;white-space:nowrap}.admin-simple-row{grid-template-columns:minmax(0,1fr) 110px!important;gap:20px!important;padding:12px 0!important;align-items:center}.admin-simple-row .booking-main strong{font-size:14px;margin:0}.admin-simple-row>.open-button{grid-column:2!important;justify-self:end}.admin-simple-row>.booking-details{grid-column:1 / -1}.admin-editorial-row{grid-template-columns:minmax(0,1fr) 110px!important;gap:20px!important;padding:12px 0!important;align-items:center}.admin-editorial-row .booking-main{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr);gap:20px;align-items:center}.admin-editorial-row .booking-main strong,.admin-editorial-row .booking-main span{font-size:14px;margin:0}.admin-editorial-row>.open-button{grid-column:2!important;justify-self:end}.admin-editorial-row>.booking-details{grid-column:1 / -1}.admin-studio-row{grid-template-columns:minmax(0,1fr) minmax(130px,.8fr) 260px!important;gap:20px!important;padding:12px 0!important;align-items:center}.admin-studio-row .booking-main{display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,1.2fr) minmax(220px,1.5fr);gap:16px;align-items:center;min-width:0}.admin-studio-row .booking-main strong,.admin-studio-row .booking-main span,.admin-studio-row .booking-main small{display:block;margin:0;font-size:14px;line-height:1.4}.admin-studio-row .booking-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;width:260px}.admin-studio-row>.booking-details{grid-column:1 / -1;margin-top:8px}@media(max-width:1000px){.admin-studio-row{grid-template-columns:1fr!important}.admin-studio-row .booking-main{grid-template-columns:1fr 1fr}.admin-studio-row .booking-actions{width:auto;justify-content:flex-start}}.admin-studio-row{grid-template-columns:minmax(0,1fr) 140px 260px!important;gap:20px!important;padding:12px 0!important;align-items:center}.admin-studio-row .booking-main{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(160px,.8fr) minmax(240px,1.4fr)!important;gap:20px!important;align-items:center;min-width:0}.admin-studio-row .booking-main strong,.admin-studio-row .booking-main span,.admin-studio-row .booking-main small{margin:0!important;font-size:14px;line-height:1.4;min-width:0}.admin-studio-row>div:nth-of-type(2){min-width:0;font-size:14px;white-space:nowrap}.admin-studio-row .booking-actions{width:260px;display:flex;gap:10px;justify-content:flex-end;align-items:center}.admin-studio-row .booking-actions .open-button{width:auto;min-width:0;padding:8px 12px;white-space:nowrap;font-size:13px}.brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.brand-logo{display:block;width:84px;height:auto;object-fit:contain}.platform-name{margin-top:0}.brand-logo{width:180px;height:auto}.studio-dashboard{--metal-dark: #858a92;--metal-mid: #c7cbd0;--metal-light: #eef0f2;--metal-ink: #202832;--metal-muted: #56616c;--metal-shadow: rgba(49, 56, 66, .24);min-height:100vh;padding:28px 32px 42px;background:repeating-linear-gradient(0deg,#ffffff1a 0 1px,#50565e0f 2px 3px),linear-gradient(90deg,var(--metal-dark) 0%,var(--metal-mid) 18%,var(--metal-light) 39%,var(--metal-mid) 62%,var(--metal-dark) 100%);color:var(--metal-ink)}.studio-dashboard .dashboard-shell{max-width:1280px}.studio-dashboard .dashboard-header{min-height:64px;align-items:center;flex-direction:row!important;gap:20px;margin-bottom:26px;padding:8px 16px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:repeating-linear-gradient(0deg,#ffffff1c 0 1px,#5f656d0d 2px 3px),linear-gradient(90deg,#aeb3ba,#edf0f2 42%,#b9bec5);box-shadow:0 3px 8px var(--metal-shadow),inset 0 1px #ffffffd9}.studio-dashboard .brand-block{display:flex;flex-direction:row!important;align-items:stretch;gap:10px;min-width:0}.studio-dashboard .header-brand-box,.studio-dashboard .header-title-box,.studio-dashboard .header-status{border:1px solid rgba(93,101,111,.4);background:repeating-linear-gradient(0deg,#ffffff1c 0 1px,#5f656d0d 2px 3px),linear-gradient(180deg,#f5f7f8eb,#bec3c9e6);box-shadow:0 2px 5px var(--metal-shadow),inset 0 1px #ffffffc2}.studio-dashboard .header-brand-box,.studio-dashboard .header-title-box{display:flex;align-items:center;height:56px;border-radius:12px}.studio-dashboard .header-brand-box{padding:7px 14px}.studio-dashboard .header-brand-box .brand-logo{width:152px;max-height:42px;object-fit:contain}.studio-dashboard .header-title-box{padding:0 18px;color:var(--metal-ink);font-size:20px;font-weight:700;white-space:nowrap}.studio-dashboard .studio-header-meta{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0;flex:1 1 auto}.studio-dashboard .header-status{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:11px;color:var(--metal-ink);font-size:14px;font-weight:700;white-space:nowrap}.studio-dashboard .header-status-dot{width:10px;height:10px;border-radius:50%;background:#39bd70;box-shadow:0 0 0 5px #39bd7026}.studio-dashboard .studio-clock{margin:0;color:var(--metal-ink);font-size:28px;font-weight:700;white-space:nowrap}.studio-dashboard .studio-name-right{min-width:190px;max-width:300px;overflow:hidden;padding:13px 16px;border:1px solid rgba(93,101,111,.4);border-radius:11px;background:repeating-linear-gradient(0deg,#ffffff1c 0 1px,#5f656d0d 2px 3px),linear-gradient(180deg,#f5f7f8eb,#bec3c9e6);box-shadow:0 2px 5px var(--metal-shadow),inset 0 1px #ffffffc2;color:var(--metal-ink);text-align:right;text-overflow:ellipsis;white-space:nowrap}.studio-dashboard .dashboard-section{border:1px solid rgba(255,255,255,.82);background:repeating-linear-gradient(0deg,#ffffff1a 0 1px,#5f656d0d 2px 3px),linear-gradient(180deg,#e6e9ecf0,#bec3c9eb);box-shadow:0 3px 8px var(--metal-shadow),inset 0 1px #fffc}.studio-dashboard .dashboard-section h1,.studio-dashboard .dashboard-section h2,.studio-dashboard .dashboard-section strong{color:var(--metal-ink)}.studio-dashboard .dashboard-section .empty-state,.studio-dashboard .dashboard-section span,.studio-dashboard .dashboard-section small{color:var(--metal-muted)}.studio-dashboard .open-button,.studio-dashboard .connect-button,.studio-dashboard .logout-button,.studio-dashboard .booking-toggle-button{border:1px solid rgba(93,101,111,.48);background:repeating-linear-gradient(0deg,#ffffff1f 0 1px,#5f656d0d 2px 3px),linear-gradient(180deg,#edf0f2,#b8bec5);color:var(--metal-ink);box-shadow:0 2px 4px var(--metal-shadow),inset 0 1px #ffffffc7}.studio-dashboard .booking-toggle-button{width:auto;min-width:170px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700}.studio-dashboard .booking-toggle-button:hover,.studio-dashboard .open-button:hover,.studio-dashboard .connect-button:hover{filter:brightness(1.04)}@media(max-width:900px){.studio-dashboard .dashboard-header{align-items:stretch;flex-direction:row}.studio-dashboard .studio-header-meta{justify-content:space-between}}@media(max-width:620px){.studio-dashboard{padding:16px}.studio-dashboard .brand-block,.studio-dashboard .studio-header-meta,.studio-dashboard .dashboard-header{flex-wrap:wrap}.studio-dashboard .header-title-box{font-size:17px}.studio-dashboard .studio-name-right{min-width:150px}}.studio-dashboard .dashboard-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.studio-dashboard .dashboard-action-row .dashboard-section{margin-bottom:22px}.studio-dashboard,.studio-dashboard .dashboard-header,.studio-dashboard .dashboard-section,.studio-dashboard .header-brand-box,.studio-dashboard .header-title-box,.studio-dashboard .header-status,.studio-dashboard .studio-name-right,.studio-dashboard .open-button,.studio-dashboard .connect-button,.studio-dashboard .logout-button,.studio-dashboard .booking-toggle-button{background:repeating-linear-gradient(0deg,#fff3 0 1px,#5b626b1c 1px 2px,#ffffff14 3px),linear-gradient(90deg,#aeb4bb,#e2e5e8 38%,#f0f1f2 50%,#c0c5ca)}@media(max-width:760px){.studio-dashboard .dashboard-action-row{grid-template-columns:1fr;gap:0}.active-call-heading-actions{gap:8px}.video-monitor-toggle{min-width:0;padding-inline:10px}.video-monitor-grid.multiple{grid-template-columns:1fr}.video-monitor-heading{align-items:flex-start;flex-direction:column;gap:4px}}.center:has(.join-card){background:repeating-linear-gradient(0deg,#fff3 0 1px,#5b626b1c 1px 2px,#ffffff14 3px),linear-gradient(90deg,#aeb4bb,#e2e5e8 38%,#f0f1f2 50%,#c0c5ca)}.center:has(.join-card) .card{border:1px solid rgba(255,255,255,.82);background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#5b626b17 1px 2px,#ffffff12 3px),linear-gradient(180deg,#e8ebeef5,#bec3c9f0);box-shadow:0 8px 28px #3138423d,inset 0 1px #ffffffdb;color:#202832}.center:has(.join-card) .join-card h1{color:#202832}.center:has(.join-card) .join-card .subtitle,.center:has(.join-card) .join-card .studio-name,.center:has(.join-card) .join-card .join-message,.center:has(.join-card) .join-card .time-block span,.center:has(.join-card) .join-card .ready-box p{color:#56616c}.center:has(.join-card) .join-card .time-block{border-color:#5d656f47}.center:has(.join-card) .join-card .ready-box{border:1px solid rgba(93,101,111,.32);background:repeating-linear-gradient(0deg,#ffffff29 0 1px,#5f656d14 2px 3px),linear-gradient(180deg,#f0f2f3cc,#b9bfc5c7);box-shadow:inset 0 1px #ffffffb8}.center:has(.join-card) .join-card button{border:1px solid rgba(93,101,111,.48);background:repeating-linear-gradient(0deg,#ffffff24 0 1px,#5f656d12 2px 3px),linear-gradient(180deg,#edf0f2,#b8bec5);color:#202832;box-shadow:0 2px 4px #31384238,inset 0 1px #ffffffc7}@media(max-width:520px){.center:has(.join-card){padding:16px}.center:has(.join-card) .card{padding:30px 24px}.join-remote-video{width:100%;max-height:58vh;aspect-ratio:auto}.join-local-video{width:220px;height:124px;max-width:58vw;max-height:none;aspect-ratio:16 / 9;object-fit:cover}}.admin-dashboard{--admin-ink: #202832;--admin-muted: #56616c;--admin-shadow: rgba(49, 56, 66, .24);min-height:100vh;background:repeating-linear-gradient(0deg,#fff3 0 1px,#5b626b1c 1px 2px,#ffffff14 3px),linear-gradient(90deg,#aeb4bb,#e2e5e8 38%,#f0f1f2 50%,#c0c5ca);color:var(--admin-ink)}.admin-dashboard .dashboard-shell{max-width:1280px}.admin-dashboard .dashboard-header{align-items:center;min-height:86px;margin-bottom:26px;padding:12px 18px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:repeating-linear-gradient(0deg,#fff3 0 1px,#5b626b1c 1px 2px,#ffffff14 3px),linear-gradient(90deg,#aeb4bb,#e2e5e8 38%,#f0f1f2 50%,#c0c5ca);box-shadow:0 3px 8px var(--admin-shadow),inset 0 1px #ffffffdb}.admin-dashboard .brand-block,.admin-dashboard .studio-identity{padding:10px 16px;border:1px solid rgba(93,101,111,.4);border-radius:12px;background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#5b626b17 1px 2px,#ffffff12 3px),linear-gradient(180deg,#e8ebeef5,#bec3c9f0);box-shadow:0 2px 5px var(--admin-shadow),inset 0 1px #fffc}.admin-dashboard .brand-block{gap:6px}.admin-dashboard .brand-logo{width:180px}.admin-dashboard .platform-name,.admin-dashboard .studio-identity strong,.admin-dashboard .studio-identity span,.admin-dashboard .studio-clock{color:var(--admin-ink)}.admin-dashboard .studio-identity span,.admin-dashboard .platform-name{color:var(--admin-muted)}.admin-dashboard .studio-identity{min-width:210px;text-align:right}.admin-dashboard .dashboard-section{border:1px solid rgba(255,255,255,.82);background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#5b626b17 1px 2px,#ffffff12 3px),linear-gradient(180deg,#e8ebeef5,#bec3c9f0);box-shadow:0 3px 8px var(--admin-shadow),inset 0 1px #fffc}.admin-dashboard .dashboard-section h1,.admin-dashboard .dashboard-section h2,.admin-dashboard .dashboard-section strong,.admin-dashboard .dashboard-section label{color:var(--admin-ink)}.admin-dashboard .dashboard-section span,.admin-dashboard .dashboard-section small,.admin-dashboard .dashboard-footer{color:var(--admin-muted)}.admin-dashboard input,.admin-dashboard select,.admin-dashboard .booking-details,.admin-dashboard .studio-bookings-table,.admin-dashboard .editor-bookings-table,.admin-dashboard .active-call-row,.admin-dashboard .booking-row{border-color:#5d656f59;background:repeating-linear-gradient(0deg,#ffffff24 0 1px,#5b626b12 1px 2px,#ffffff0d 3px),#dce0e38c;color:var(--admin-ink)}.admin-dashboard .booking-row,.admin-dashboard .studio-bookings-row,.admin-dashboard .editor-bookings-row{border-top-color:#5d656f47}.admin-dashboard .studio-bookings-header,.admin-dashboard .editor-bookings-header{background:#a9b0b77a;color:var(--admin-ink)}.admin-dashboard button,.admin-dashboard .open-button,.admin-dashboard .connect-button,.admin-dashboard .logout-button,.admin-dashboard .booking-toggle-button{border:1px solid rgba(93,101,111,.48);background:repeating-linear-gradient(0deg,#ffffff24 0 1px,#5b626b12 1px 2px,#ffffff0d 3px),linear-gradient(180deg,#edf0f2,#b8bec5);color:var(--admin-ink);box-shadow:0 2px 4px var(--admin-shadow),inset 0 1px #ffffffc7}.admin-dashboard .error{color:#9c342f}@media(max-width:700px){.admin-dashboard{padding:18px}.admin-dashboard .dashboard-header{flex-direction:column;align-items:stretch}.admin-dashboard .studio-identity{text-align:left}}.admin-dashboard .dashboard-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.admin-dashboard .brand-block{grid-column:1;justify-self:start;display:flex;flex-direction:row;align-items:stretch;gap:10px;padding:0;border:0;background:transparent;box-shadow:none}.admin-dashboard .header-brand-box,.admin-dashboard .header-title-box,.admin-dashboard .admin-identity-box{border:1px solid rgba(93,101,111,.4);border-radius:12px;background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#5b626b17 1px 2px,#ffffff12 3px),linear-gradient(180deg,#e8ebeef5,#bec3c9f0);box-shadow:0 2px 5px var(--admin-shadow),inset 0 1px #fffc}.admin-dashboard .header-brand-box,.admin-dashboard .header-title-box{height:56px;display:flex;align-items:center}.admin-dashboard .header-brand-box{padding:7px 14px}.admin-dashboard .header-brand-box .brand-logo{width:152px;max-height:42px;object-fit:contain}.admin-dashboard .header-title-box{padding:0 18px;color:var(--admin-ink);font-size:20px;font-weight:700;white-space:nowrap}.admin-dashboard .admin-header-meta{display:contents}.admin-dashboard .admin-header-meta .studio-clock{grid-column:2;justify-self:center;margin:0;color:var(--admin-ink);font-size:28px;font-weight:700;white-space:nowrap}.admin-dashboard .admin-identity-box{grid-column:3;justify-self:end;display:flex;min-width:190px;padding:10px 16px;flex-direction:column;align-items:flex-end;color:var(--admin-ink)}.admin-dashboard .admin-identity-box strong{font-size:18px}.admin-dashboard .admin-identity-box span{margin-top:4px;color:var(--admin-muted);font-size:13px}@media(max-width:800px){.admin-dashboard .dashboard-header{display:flex;flex-direction:column;align-items:stretch}.admin-dashboard .brand-block,.admin-dashboard .admin-header-meta{display:flex}.admin-dashboard .admin-header-meta{align-items:center;justify-content:space-between}.admin-dashboard .admin-header-meta .studio-clock,.admin-dashboard .admin-identity-box{margin:0}}.editor-dashboard{--editor-ink: #202832;--editor-muted: #56616c;--editor-shadow: rgba(49, 56, 66, .24);min-height:100vh;background:repeating-linear-gradient(0deg,#fff3 0 1px,#5b626b1c 1px 2px,#ffffff14 3px),linear-gradient(90deg,#aeb4bb,#e2e5e8 38%,#f0f1f2 50%,#c0c5ca);color:var(--editor-ink)}.editor-dashboard .dashboard-shell{max-width:1280px}.editor-dashboard .dashboard-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:86px;margin-bottom:26px;padding:12px 18px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:repeating-linear-gradient(0deg,#fff3 0 1px,#5b626b1c 1px 2px,#ffffff14 3px),linear-gradient(90deg,#aeb4bb,#e2e5e8 38%,#f0f1f2 50%,#c0c5ca);box-shadow:0 3px 8px var(--editor-shadow),inset 0 1px #ffffffdb}.editor-dashboard .brand-block{grid-column:1;justify-self:start;display:flex;flex-direction:row;align-items:stretch;gap:10px}.editor-dashboard .header-brand-box,.editor-dashboard .header-title-box,.editor-dashboard .editor-identity-box{border:1px solid rgba(93,101,111,.4);border-radius:12px;background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#5b626b17 1px 2px,#ffffff12 3px),linear-gradient(180deg,#e8ebeef5,#bec3c9f0);box-shadow:0 2px 5px var(--editor-shadow),inset 0 1px #fffc}.editor-dashboard .header-brand-box,.editor-dashboard .header-title-box{height:56px;display:flex;align-items:center}.editor-dashboard .header-brand-box{padding:7px 14px}.editor-dashboard .header-brand-box .brand-logo{width:152px;max-height:42px;object-fit:contain}.editor-dashboard .header-title-box{padding:0 18px;color:var(--editor-ink);font-size:20px;font-weight:700;white-space:nowrap}.editor-dashboard .editor-header-meta{display:contents}.editor-dashboard .editor-header-meta .studio-clock{grid-column:2;justify-self:center;margin:0;color:var(--editor-ink);font-size:28px;font-weight:700;white-space:nowrap}.editor-dashboard .editor-identity-box{grid-column:3;justify-self:end;display:flex;min-width:190px;padding:10px 16px;flex-direction:column;align-items:flex-end}.editor-dashboard .editor-identity-box strong{color:var(--editor-ink);font-size:18px}.editor-dashboard .editor-identity-box span{margin-top:4px;color:var(--editor-muted);font-size:13px}.editor-dashboard .dashboard-section{border:1px solid rgba(255,255,255,.82);background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#5b626b17 1px 2px,#ffffff12 3px),linear-gradient(180deg,#e8ebeef5,#bec3c9f0);box-shadow:0 3px 8px var(--editor-shadow),inset 0 1px #fffc}.editor-dashboard input,.editor-dashboard select,.editor-dashboard textarea,.editor-dashboard .booking-details,.editor-dashboard .booking-row,.editor-dashboard .editor-bookings-table{border-color:#5d656f59;background:repeating-linear-gradient(0deg,#ffffff24 0 1px,#5b626b12 1px 2px,#ffffff0d 3px),#dce0e38c;color:var(--editor-ink)}.editor-dashboard button,.editor-dashboard .open-button,.editor-dashboard .connect-button,.editor-dashboard .logout-button,.editor-dashboard .booking-toggle-button{border:1px solid rgba(93,101,111,.48);background:repeating-linear-gradient(0deg,#ffffff24 0 1px,#5b626b12 1px 2px,#ffffff0d 3px),linear-gradient(180deg,#edf0f2,#b8bec5);color:var(--editor-ink);box-shadow:0 2px 4px var(--editor-shadow),inset 0 1px #ffffffc7}@media(max-width:800px){.editor-dashboard .dashboard-header{display:flex;flex-direction:column;align-items:stretch}.editor-dashboard .editor-header-meta{display:flex;align-items:center;justify-content:space-between}.editor-dashboard .editor-header-meta .studio-clock,.editor-dashboard .editor-identity-box{margin:0}}.login-page{min-height:100vh;background:repeating-linear-gradient(0deg,#fff3 0 1px,#5b626b1c 1px 2px,#ffffff14 3px),linear-gradient(90deg,#aeb4bb,#e2e5e8 38%,#f0f1f2 50%,#c0c5ca)}.login-page .card{max-width:460px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#5b626b17 1px 2px,#ffffff12 3px),linear-gradient(180deg,#e8ebeef5,#bec3c9f0);box-shadow:0 10px 30px #3138423d,inset 0 1px #ffffffdb;color:#202832}.login-page .brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:28px;padding:12px 14px;border:1px solid rgba(93,101,111,.38);border-radius:12px;background:repeating-linear-gradient(0deg,#ffffff29 0 1px,#5b626b14 1px 2px,#ffffff0f 3px),#e1e5e8a6;box-shadow:inset 0 1px #ffffffc7}.login-page .brand-logo{width:180px}.login-page .platform-name,.login-page .subtitle,.login-page label{color:#56616c}.login-page .subtitle{margin-bottom:26px}.login-page label{font-weight:700}.login-page input{border:1px solid rgba(93,101,111,.42);background:repeating-linear-gradient(0deg,#ffffff21 0 1px,#5b626b0f 1px 2px,#ffffff0a 3px),#eef0f2c7;color:#202832;box-shadow:inset 0 1px #ffffffbd}.login-page input:focus{outline:2px solid rgba(45,117,170,.42);outline-offset:1px}.login-page form>button,.login-page button.secondary{border:1px solid rgba(93,101,111,.48);background:repeating-linear-gradient(0deg,#ffffff24 0 1px,#5b626b12 1px 2px,#ffffff0d 3px),linear-gradient(180deg,#edf0f2,#b8bec5);color:#202832;font-weight:700;box-shadow:0 2px 4px #31384238,inset 0 1px #ffffffc7}.login-page .error{color:#9c342f}.editor-dashboard .quick-call-section{border-color:#ffffffdb}.editor-dashboard .editor-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor-dashboard .editor-action-row .dashboard-section{margin-bottom:22px}.editor-dashboard .booking-toggle-button{width:auto;min-width:112px;padding:11px 20px;border:1px solid rgba(93,101,111,.48);border-radius:10px;background:repeating-linear-gradient(0deg,#ffffff1f 0 1px,#5f656d0d 2px 3px),linear-gradient(180deg,#edf0f2,#b8bec5);color:var(--metal-ink);font-weight:700;box-shadow:0 2px 4px var(--metal-shadow),inset 0 1px #ffffffc7}@media(max-width:900px){.editor-dashboard .editor-action-row{grid-template-columns:1fr;gap:0}}.quick-call-form{margin-bottom:18px}.quick-call-result{display:grid;gap:12px;padding:16px;border:1px solid rgba(90,98,108,.42);border-radius:12px;background:repeating-linear-gradient(0deg,#ffffff29 0 1px,#5b626b12 1px 2px,#ffffff0d 3px),linear-gradient(180deg,#ebeef0e0,#bec4cab8);box-shadow:inset 0 1px #fffc}.quick-call-result code{overflow-wrap:anywhere;color:#26333e;font-size:.9rem}.booking-guest-extra{display:grid;gap:12px;margin-top:14px;padding:16px;border:1px solid rgba(90,98,108,.42);border-radius:12px;background:#e2e7ea61}.booking-guest-extra-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.booking-invitation-links{display:grid;gap:10px;margin-top:14px}.active-call-module{border-color:#2b7d529e;box-shadow:0 0 0 2px #39bd701f,inset 0 1px #fffc}.active-call-heading,.active-call-info{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.active-call-badge{padding:5px 9px;border:1px solid rgba(43,125,82,.55);border-radius:999px;background:#39bd7029;color:#1d7648;font-size:.72rem;font-weight:800;letter-spacing:.06em}.active-call-info{justify-content:flex-start;color:var(--metal-muted);font-size:.92rem}.quick-call-result .booking-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.danger-button{border:1px solid rgba(132,43,39,.72);border-radius:8px;padding:11px 16px;background:linear-gradient(180deg,#df6b63,#a93630);color:#fff;font-weight:700;cursor:pointer}@media(max-width:520px){.login-page{padding:16px}.login-page .card{padding:28px 24px}}