:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;--ink: #182132;--muted: #68748a;--line: #e3e8f0;--line-strong: #d3dbe8;--surface: #ffffff;--surface-soft: #f5f7fb;--surface-blue: #eef5ff;--primary: #2e6ff2;--primary-dark: #1c57cc;--primary-soft: #e9f1ff;--danger: #d33d4f;--danger-soft: #fff0f2;--success: #16845b;--success-soft: #e9f8f1;--warning: #9d6507;--warning-soft: #fff7e2;--violet: #7556e8;--sidebar: 256px;--shadow-sm: 0 3px 12px rgba(25, 44, 80, .07);--shadow-md: 0 14px 38px rgba(25, 44, 80, .12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}html,body{background:var(--surface-soft);color:var(--ink);overflow-x:hidden}body{min-height:100vh;min-height:100dvh}button,input,select,textarea{color:inherit;font:inherit}button,input[type=checkbox],select{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}button{border:0}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,strong,p,small,span{overflow-wrap:anywhere}:focus-visible{outline:3px solid rgba(46,111,242,.35);outline-offset:2px}.primary-button,.secondary-button{align-items:center;border-radius:10px;display:inline-flex;font-size:.91rem;font-weight:700;gap:7px;justify-content:center;min-height:42px;padding:10px 16px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.primary-button{background:var(--primary);color:#fff}.primary-button:not(:disabled):hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{background:var(--surface);border:1px solid var(--line-strong);color:#34425a}.secondary-button:not(:disabled):hover{background:#f8faff;border-color:#b9c7db}.wide{width:100%}.danger-text{color:var(--danger)!important}.danger-solid{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.icon-button{align-items:center;background:transparent;border-radius:9px;display:inline-flex;font-size:1.2rem;height:38px;justify-content:center;min-width:38px;padding:0}.icon-button:not(:disabled):hover{background:#2e6ff214}.eyebrow{color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:9px}.app-shell{min-height:100vh;min-height:100dvh}.app-sidebar{background:#111827;bottom:0;color:#e8edf8;display:flex;flex-direction:column;left:0;padding:24px 18px;position:fixed;top:0;width:var(--sidebar);z-index:30}.brand-button{align-items:center;background:transparent;color:#fff;display:flex;gap:12px;padding:3px 8px 25px;text-align:left}.brand-mark,.auth-logo,.loading-logo{align-items:center;background:linear-gradient(135deg,#4e88ff,#6b54e8);border-radius:11px;color:#fff;display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;padding-left:2px;width:42px}.brand-button strong{display:block;font-size:1.22rem;line-height:1.1}.brand-button small{color:#9aa7bd;display:block;font-size:.72rem;margin-top:4px;text-transform:uppercase}.desktop-nav{display:grid;gap:7px}.nav-button{align-items:center;background:transparent;border-radius:11px;color:#aeb8cb;display:flex;font-size:.9rem;font-weight:650;gap:13px;min-height:46px;padding:10px 13px;text-align:left;width:100%}.nav-button>span{align-items:center;display:inline-flex;font-size:1.27rem;justify-content:center;min-width:24px}.nav-button:hover{background:#192338;color:#fff}.nav-button.active{background:#22365c;color:#fff}.sidebar-account{align-items:center;border-top:1px solid #273247;display:flex;gap:10px;margin-top:auto;min-width:0;padding:18px 4px 0}.account-avatar{align-items:center;background:#2e6ff2;border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:.8rem;font-weight:800;height:34px;justify-content:center;width:34px}.account-copy{min-width:0}.account-copy strong,.account-copy small{display:block}.account-copy strong{font-size:.8rem}.account-copy small{color:#94a0b5;font-size:.68rem;margin-top:2px;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account .icon-button{color:#aeb8cb;margin-left:auto}.app-main{background:radial-gradient(circle at 92% 0%,rgba(46,111,242,.06),transparent 30rem),var(--surface-soft);margin-left:var(--sidebar);min-height:100vh;min-width:0;padding:34px clamp(24px,3.5vw,60px) 60px}.page-stack{margin:0 auto;max-width:1480px;min-width:0}.page-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.page-header>div:first-child{max-width:820px;min-width:0}.page-header h1{font-size:clamp(1.7rem,2.2vw,2.25rem);letter-spacing:-.035em;line-height:1.12;margin-bottom:9px}.page-header p:not(.eyebrow){color:var(--muted);font-size:.95rem;line-height:1.55;margin-bottom:0}.section-block{margin-top:30px}.section-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:17px}.section-heading.compact{margin-top:12px}.section-heading h2,.settings-card h2{font-size:1.18rem;margin-bottom:5px}.section-heading p,.settings-card-heading p{color:var(--muted);font-size:.82rem;margin-bottom:0}.summary-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;gap:16px;min-height:102px;padding:18px 21px;position:relative;box-shadow:var(--shadow-sm)}.summary-card:after{border-radius:2px;bottom:20px;content:"";left:0;position:absolute;top:20px;width:4px}.summary-icon,.settings-icon{align-items:center;background:var(--primary-soft);border-radius:12px;color:var(--primary);display:inline-flex;flex:0 0 auto;font-size:1.25rem;height:48px;justify-content:center;width:48px}.summary-card strong{display:block;font-size:1.55rem;line-height:1;margin-bottom:7px}.summary-card small{color:var(--muted);font-size:.78rem}.accent-blue:after{background:var(--primary)}.accent-green:after{background:var(--success)}.accent-violet:after{background:var(--violet)}.accent-green .summary-icon{background:var(--success-soft);color:var(--success)}.accent-violet .summary-icon{background:#f0ecff;color:var(--violet)}.device-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.device-card,.content-section-card,.settings-card,.settings-device{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.device-card{overflow:hidden;padding:20px}.device-card-header,.settings-device>header{align-items:center;display:flex;gap:12px;min-width:0}.device-platform{align-items:center;background:#edf2ff;border-radius:10px;color:#3a6ddd;display:inline-flex;flex:0 0 auto;font-size:.75rem;font-weight:900;height:40px;justify-content:center;width:40px}.device-platform.samsung{background:#eaf3ff;color:#0e63ba}.device-platform.android{background:#e8f8ef;color:#16845b}.device-name,.settings-device header>div{min-width:0}.device-name h3,.settings-device h3{font-size:1rem;margin-bottom:3px}.device-name p,.settings-device header p{color:var(--muted);font-size:.73rem;margin-bottom:0}.status-pill,.count-badge,.content-status,.play-state{border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:.67rem;font-weight:800;padding:6px 9px;text-transform:uppercase}.status-pill{margin-left:auto}.status-pill.online{background:var(--success-soft);color:var(--success)}.status-pill.offline{background:#eef1f6;color:#7a8496}.playback-panel{background:#f5f7fa;border:1px solid #eaedf2;border-radius:13px;display:grid;gap:14px;grid-template-columns:minmax(140px,38%) minmax(0,1fr);margin-top:18px;min-height:132px;overflow:hidden;padding:11px}.playback-panel>img{aspect-ratio:16 / 9;background:#dce2ea;border-radius:8px;height:100%;object-fit:cover;width:100%}.playback-copy{align-self:center;min-width:0}.play-state{background:var(--primary-soft);color:var(--primary);margin-bottom:8px}.play-state.playing{background:var(--success-soft);color:var(--success)}.play-state.paused{background:var(--warning-soft);color:var(--warning)}.playback-copy h4{display:-webkit-box;font-size:.9rem;line-height:1.32;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playback-copy p,.playback-copy small{color:var(--muted);font-size:.7rem;margin-bottom:0}.progress-track{background:#dfe5ee;border-radius:999px;height:5px;margin:11px 0 6px;overflow:hidden}.progress-track span{background:var(--primary);display:block;height:100%}.device-idle{align-items:center;display:flex;gap:13px;grid-column:1 / -1;justify-content:center;min-height:108px}.device-idle>span{align-items:center;background:#e8edf5;border-radius:50%;color:#768196;display:inline-flex;font-size:1.2rem;height:46px;justify-content:center;width:46px}.device-idle strong,.device-idle small{display:block}.device-idle strong{font-size:.85rem}.device-idle small{color:var(--muted);font-size:.73rem;margin-top:3px}.usage-line{color:var(--muted);display:flex;font-size:.72rem;gap:15px;justify-content:space-between;margin-top:13px}.usage-line strong{color:var(--ink)}.command-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px}.command-grid button,.managed-video-tools button{background:#f4f6fa;border:1px solid var(--line);border-radius:8px;font-size:.7rem;font-weight:700;min-height:38px;padding:8px 6px}.danger-actions{border-top:1px solid var(--line);display:flex;gap:8px;margin-top:16px;padding-top:14px}.danger-actions button{background:var(--surface);border:1px solid #efcbd1;border-radius:8px;color:var(--danger);flex:1 1 auto;font-size:.68rem;font-weight:750;min-height:38px;padding:7px}.search-bar{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow-sm);display:flex;gap:10px;padding:8px 8px 8px 17px;transition:border-color .16s ease,box-shadow .16s ease}.search-bar:focus-within{border-color:#9eb9ee;box-shadow:0 0 0 3px #2e6ff21c,var(--shadow-sm)}.search-bar>span{color:#7b879b;font-size:1.35rem}.search-bar input{background:transparent;border:0;flex:1 1 auto;min-height:42px;min-width:0;outline:0}.filter-note,.safety-note{align-items:flex-start;background:var(--success-soft);border:1px solid #c7ebdc;border-radius:11px;color:#25664f;display:flex;font-size:.79rem;gap:10px;line-height:1.45;margin:14px 0 28px;padding:11px 14px}.filter-note>span,.safety-note>span{align-items:center;background:var(--success);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-size:.65rem;height:20px;justify-content:center;width:20px}.filter-note p,.safety-note p{margin:0}.search-results{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.search-result-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:16px;grid-template-columns:minmax(180px,42%) minmax(0,1fr);min-width:0;overflow:hidden;padding:13px}.search-result-card.filtered{background:#fafbfc;opacity:.87}.result-thumbnail{align-self:start;aspect-ratio:16 / 9;background:#dce2eb;border-radius:9px;overflow:hidden;position:relative}.result-thumbnail img{height:100%;object-fit:cover;width:100%}.result-thumbnail>span{background:#080c12d4;border-radius:4px;bottom:6px;color:#fff;font-size:.66rem;padding:3px 5px;position:absolute;right:6px}.filtered-overlay{align-items:center;background:#121925b3;color:#fff;display:flex;font-size:.68rem;font-weight:800;justify-content:center;inset:0;position:absolute}.result-copy{min-width:0}.result-copy h3{display:-webkit-box;font-size:.92rem;line-height:1.35;margin:9px 0 5px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.result-copy>p{color:var(--muted);font-size:.73rem;margin-bottom:12px}.content-status.allowed{background:var(--success-soft);color:var(--success)}.content-status.blocked{background:var(--danger-soft);color:var(--danger)}.result-actions{display:flex;flex-wrap:wrap;gap:7px}.result-actions button{font-size:.68rem;min-height:35px;padding:7px 9px}.load-more{display:flex;margin:22px auto 0}.inline-create,.block-rule-form,.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.inline-create>label{display:block;font-size:.78rem;font-weight:750;margin-bottom:8px}.inline-create>div,.add-video-form{display:flex;gap:9px}.inline-create input,.add-video-form input,.block-rule-form input,.block-rule-form select,.settings-fields input,.pairing-form input,.schedule-row input,.schedule-row select,.inline-edit input,.auth-form input{background:#fff;border:1px solid var(--line-strong);border-radius:9px;min-height:43px;min-width:0;padding:9px 12px;width:100%}.inline-create input,.add-video-form input{flex:1 1 auto}.content-section-list,.settings-device-list,.rule-list,.history-list{display:grid;gap:14px}.content-section-card{padding:0;transition:border-color .16s ease,box-shadow .16s ease,opacity .15s ease,transform .16s ease}.disabled-section{opacity:.68}.content-section-header{align-items:center;display:flex;gap:10px;min-width:0;padding:17px 18px}.drag-handle{color:#a1aabd;cursor:grab;flex:0 0 auto;font-size:1.25rem}.order-number,.video-order{align-items:center;background:var(--surface-blue);border-radius:8px;color:var(--primary);display:inline-flex;flex:0 0 auto;font-size:.72rem;font-weight:800;height:30px;justify-content:center;width:30px}.section-title-copy,.managed-video-copy{flex:1 1 auto;min-width:0}.section-title-copy h3{font-size:.98rem;margin-bottom:3px}.section-title-copy p{color:var(--muted);font-size:.7rem;margin-bottom:0}.section-tools,.managed-video-tools{align-items:center;display:flex;flex:0 0 auto;gap:4px}.switch{display:inline-flex;flex:0 0 auto}.switch input{height:1px;opacity:0;position:absolute;width:1px}.switch span{background:#cad1dc;border-radius:999px;display:block;height:24px;position:relative;transition:background .15s ease;width:42px}.switch span:after{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .15s ease;width:18px}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(18px)}.switch input:focus-visible+span{outline:3px solid rgba(46,111,242,.3)}.managed-video-list{border-top:1px solid var(--line)}.managed-video{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:11px;min-width:0;padding:11px 18px}.managed-video:last-child{border-bottom:0}.small-thumbnail{aspect-ratio:16 / 9;background:#dfe4ec;border-radius:7px;flex:0 0 112px;overflow:hidden;position:relative}.small-thumbnail img{height:100%;object-fit:cover;width:100%}.small-thumbnail small{background:#000000c2;bottom:3px;color:#fff;font-size:.58rem;padding:2px 3px;position:absolute;right:3px}.managed-video-copy strong,.managed-video-copy small{display:block}.managed-video-copy strong{display:-webkit-box;font-size:.8rem;line-height:1.3;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.managed-video-copy small{color:var(--muted);font-size:.66rem;margin-top:4px}.section-empty{background:#f9fafc;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem;padding:22px;text-align:center}.add-video-form{border-top:1px solid var(--line);padding:13px 18px}.add-video-form input{min-height:39px;font-size:.78rem}.add-video-form button{min-height:39px}.inline-edit{align-items:center;display:flex;gap:5px}.inline-edit input{min-height:36px}.inline-edit button{background:var(--surface-soft);border-radius:7px;font-size:.7rem;min-height:34px;padding:6px 9px}.segmented-tabs{background:#e9edf4;border-radius:11px;display:flex;gap:3px;margin-bottom:18px;padding:4px;width:fit-content}.segmented-tabs button,.range-picker button{background:transparent;border-radius:8px;color:#677287;font-size:.75rem;font-weight:750;min-height:36px;padding:8px 14px}.segmented-tabs button.active,.range-picker button.active{background:var(--surface);box-shadow:0 2px 7px #22334f17;color:var(--ink)}.segmented-tabs button span{background:#dfe4ec;border-radius:999px;font-size:.62rem;margin-left:6px;padding:2px 6px}.block-rule-form{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(200px,.35fr) auto}.block-rule-form>label,.settings-fields label,.pairing-form label,.auth-form label{color:#3f4c62;display:grid;font-size:.75rem;font-weight:700;gap:7px;min-width:0}.safety-note{background:var(--surface-blue);border-color:#ccdef8;color:#365d91}.safety-note>span{background:var(--primary)}.rule-row,.history-row,.session-row{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;gap:13px;min-width:0;padding:14px 16px}.rule-icon{align-items:center;background:var(--danger-soft);border-radius:9px;color:var(--danger);display:inline-flex;flex:0 0 auto;font-size:.75rem;font-weight:900;height:38px;justify-content:center;width:38px}.rule-row>div,.session-row>div{flex:1 1 auto;min-width:0}.rule-row strong,.rule-row small,.session-row strong,.session-row small{display:block}.rule-row strong,.session-row strong{font-size:.83rem}.rule-row small,.session-row small{color:var(--muted);font-size:.67rem;margin-top:4px}.rule-row>button,.session-row>button{background:transparent;flex:0 0 auto;font-size:.72rem;font-weight:750;padding:8px}.count-badge{background:var(--primary-soft);color:var(--primary)}.range-picker{background:#e9edf4;border-radius:10px;display:flex;flex:0 0 auto;padding:4px}.history-summary{margin-bottom:24px}.history-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(100px,auto) minmax(150px,auto)}.history-dot,.session-dot{background:var(--primary);border:4px solid var(--primary-soft);border-radius:50%;height:15px;width:15px}.history-main,.history-metrics,.history-time{min-width:0}.history-main strong,.history-main small,.history-metrics strong,.history-metrics small,.history-time strong,.history-time small{display:block}.history-main strong{font-size:.82rem}.history-main small,.history-metrics small,.history-time small{color:var(--muted);font-size:.66rem;margin-top:4px}.history-metrics strong,.history-time strong{font-size:.73rem}.history-time{text-align:right}.search-history-row{grid-template-columns:auto minmax(0,1fr) minmax(150px,auto) auto}.settings-card{margin-bottom:22px}.settings-card-heading{align-items:center;display:flex;gap:13px;margin-bottom:17px}.pairing-form{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(160px,.35fr) minmax(250px,1fr) auto}.pairing-code-input{font-size:1.15rem!important;font-weight:800;letter-spacing:.15em}.settings-device{padding:18px}.settings-fields{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px}.settings-device>footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;padding-top:14px}.push-right{margin-left:auto}.session-list{border-top:1px solid var(--line)}.session-row{border:0;border-bottom:1px solid var(--line);border-radius:0;padding-left:0;padding-right:0}.session-row:last-child{border-bottom:0}.modal-backdrop{align-items:center;background:#0e1522a8;display:flex;justify-content:center;inset:0;padding:22px;position:fixed;z-index:100}.modal-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 30px 80px #0c16284d;max-height:calc(100vh - 44px);max-height:calc(100dvh - 44px);max-width:560px;min-width:0;overflow-y:auto;padding:23px;width:100%}.modal-card>header{align-items:start;display:flex;justify-content:space-between}.modal-card h2{font-size:1.25rem;margin-bottom:15px}.modal-card>footer{border-top:1px solid var(--line);display:flex;gap:9px;justify-content:flex-end;margin-top:18px;padding-top:17px}.modal-video{align-items:center;background:var(--surface-soft);border-radius:11px;display:flex;gap:12px;margin-bottom:18px;padding:10px}.modal-video img{aspect-ratio:16 / 9;border-radius:7px;flex:0 0 128px;object-fit:cover}.modal-video div{min-width:0}.modal-video strong,.modal-video small{display:block}.modal-video strong{display:-webkit-box;font-size:.82rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.modal-video small{color:var(--muted);font-size:.7rem;margin-top:5px}.section-checklist{border:0;margin:0;padding:0}.section-checklist legend{font-size:.76rem;font-weight:750;margin-bottom:9px}.section-checklist label{align-items:center;border:1px solid var(--line);border-radius:9px;display:flex;gap:11px;margin-bottom:7px;padding:11px}.section-checklist label.disabled{background:#f4f5f7;color:#8892a3}.section-checklist input{height:18px;width:18px}.section-checklist label>span{font-size:.78rem;font-weight:700}.section-checklist small{color:var(--muted);display:block;font-size:.64rem;font-weight:400;margin-top:3px}.schedule-modal{max-width:760px}.modal-description{color:var(--muted);font-size:.78rem;line-height:1.5}.schedule-list{display:grid;gap:8px;margin:15px 0}.schedule-row{align-items:center;background:var(--surface-soft);border-radius:10px;display:grid;gap:8px;grid-template-columns:minmax(130px,1fr) 110px auto 110px auto auto;padding:9px}.schedule-row input,.schedule-row select{font-size:.74rem;min-height:38px}.empty-state{align-items:center;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:48px 20px;text-align:center}.empty-icon{align-items:center;background:var(--primary-soft);border-radius:50%;color:var(--primary);display:inline-flex;font-size:1.6rem;height:60px;justify-content:center;margin-bottom:14px;width:60px}.empty-state h3{font-size:1rem;margin-bottom:7px}.empty-state p{color:var(--muted);font-size:.78rem;line-height:1.5;margin-bottom:14px;max-width:480px}.skeleton{animation:shimmer 1.4s infinite linear;background:linear-gradient(90deg,#edf0f5 25%,#f8f9fb,#edf0f5 65%);background-size:250% 100%;border-radius:var(--radius-md)}.skeleton-device{height:420px}.skeleton-section{height:170px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast{align-items:center;background:#142034;border-radius:12px;bottom:24px;box-shadow:var(--shadow-md);color:#fff;display:flex;gap:10px;left:50%;max-width:min(480px,calc(100vw - 32px));min-width:min(330px,calc(100vw - 32px));padding:12px 14px;position:fixed;transform:translate(-50%);z-index:200}.toast>span{align-items:center;background:var(--success);border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:.7rem;height:24px;justify-content:center;width:24px}.toast.error>span{background:var(--danger)}.toast p{flex:1 1 auto;font-size:.78rem;margin:0}.toast button{background:transparent;color:#fff;font-size:1.25rem}.auth-page{background:#f4f7fc;display:grid;grid-template-columns:minmax(380px,.8fr) minmax(500px,1.2fr);min-height:100vh;min-height:100dvh}.auth-card{align-self:center;justify-self:center;max-width:450px;padding:50px clamp(28px,5vw,72px);width:100%}.auth-brand{align-items:center;display:flex;gap:12px;margin-bottom:clamp(50px,9vh,90px)}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:1.25rem}.auth-brand small{color:var(--muted);font-size:.7rem;margin-top:3px;text-transform:uppercase}.auth-copy h1{font-size:clamp(1.85rem,3vw,2.55rem);letter-spacing:-.04em;margin-bottom:13px}.auth-copy>p:not(.eyebrow){color:var(--muted);font-size:.9rem;line-height:1.55;margin-bottom:25px}.auth-form{display:grid;gap:16px}.auth-form .primary-button{margin-top:5px;min-height:48px}.auth-footnote{color:#8490a3;font-size:.68rem;line-height:1.45;margin:24px 0 0;text-align:center}.alert{border-radius:9px;font-size:.76rem;line-height:1.45;margin-bottom:17px;padding:11px 13px}.alert.error{background:var(--danger-soft);border:1px solid #f1cbd1;color:#9f2f3e}.auth-visual{align-items:center;background:linear-gradient(145deg,#17233a,#13203b 46%,#213a70);display:flex;justify-content:center;overflow:hidden;position:relative}.visual-orbit{border:1px solid rgba(109,152,244,.2);border-radius:50%;position:absolute}.orbit-one{height:620px;width:620px}.orbit-two{height:900px;width:900px}.visual-card{backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 30px 80px #0000003d;color:#fff;max-width:430px;padding:40px;position:relative;text-align:center;width:64%}.visual-card>span{align-items:center;background:#4d7ff1;border-radius:50%;display:inline-flex;font-size:2.2rem;height:92px;justify-content:center;margin-bottom:24px;padding-left:5px;width:92px}.visual-card strong,.visual-card small{display:block}.visual-card strong{font-size:1.3rem;margin-bottom:11px}.visual-card small{color:#b7c6df;font-size:.82rem;line-height:1.5}.loading-page{align-items:center;background:#101827;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh}.loading-logo{font-size:1.25rem;margin-bottom:26px}.loading-page p{color:#a8b4c8;font-size:.8rem;margin-top:14px}.spinner{animation:spin .8s linear infinite;border:3px solid #33425c;border-radius:50%;border-top-color:#6a91ef;height:30px;width:30px}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}@media(hover:hover){.summary-card:hover,.device-card:hover,.content-section-card:hover,.settings-card:hover,.settings-device:hover,.search-result-card:hover,.rule-row:hover,.history-row:hover{border-color:#c5d3e8;box-shadow:var(--shadow-md);transform:translateY(-2px)}.command-grid button:not(:disabled):hover,.managed-video-tools button:not(:disabled):hover{background:#fff;border-color:#b9c7db;color:var(--primary)}}@media(max-width:1180px){:root{--sidebar: 222px}.app-sidebar{padding-left:12px;padding-right:12px}.device-grid,.search-results{grid-template-columns:1fr}.device-card{max-width:800px}.search-result-card{grid-template-columns:minmax(220px,36%) minmax(0,1fr)}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.block-rule-form{grid-template-columns:minmax(0,1fr) minmax(180px,.4fr)}.block-rule-form>button{grid-column:1 / -1;justify-self:start}}@media(max-width:820px){.app-sidebar{display:none}.app-main{margin-left:0;padding:24px 18px calc(92px + env(safe-area-inset-bottom))}.mobile-nav{backdrop-filter:blur(18px);background:#111827f0;border-top:1px solid rgba(132,153,190,.22);bottom:0;box-shadow:0 -12px 30px #0c162829;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));left:0;padding:7px 4px calc(7px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:40}.mobile-nav button{align-items:center;background:transparent;border-radius:8px;color:#98a4b8;display:flex;flex-direction:column;gap:3px;justify-content:center;min-height:51px;min-width:0;padding:4px 1px}.mobile-nav button>span{font-size:1.15rem}.mobile-nav button>small{font-size:.52rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav button.active{background:#21365d;color:#fff}.page-header{align-items:flex-start}.summary-grid{gap:10px}.summary-card{min-height:90px;padding:14px}.summary-icon{height:42px;width:42px}.summary-card strong{font-size:1.25rem}.history-row,.search-history-row{grid-template-columns:auto minmax(0,1fr) auto}.history-time{display:none}.pairing-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pairing-form>button{grid-column:1 / -1}.schedule-row{grid-template-columns:minmax(120px,1fr) 100px auto 100px auto auto}.auth-page{grid-template-columns:1fr}.auth-card{max-width:500px}.auth-visual{display:none}}@media(max-width:620px){.app-main{padding-left:14px;padding-right:14px;padding-top:22px}.page-header{display:grid;gap:14px;margin-bottom:22px}.page-header>button,.page-header>.range-picker{justify-self:start}.page-header h1{font-size:1.68rem}.summary-grid{grid-template-columns:1fr}.summary-card{min-height:84px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading>button{width:100%}.device-card{padding:14px}.playback-panel{grid-template-columns:1fr}.playback-panel>img{height:auto}.usage-line{align-items:flex-start;flex-direction:column;gap:4px}.danger-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.danger-actions .danger-solid{grid-column:1 / -1}.search-bar{align-items:stretch;display:grid;grid-template-columns:auto minmax(0,1fr)}.search-bar>span{align-self:center}.search-bar>button{grid-column:1 / -1}.search-result-card{display:block}.result-copy{padding:12px 2px 2px}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.result-actions .primary-button{grid-column:1 / -1}.inline-create>div,.add-video-form{flex-direction:column}.content-section-header{align-items:flex-start;flex-wrap:wrap;padding:14px}.section-title-copy{min-width:calc(100% - 90px)}.section-tools{border-top:1px solid var(--line);justify-content:flex-end;padding-top:9px;width:100%}.managed-video{align-items:flex-start;flex-wrap:wrap;padding:10px 12px}.managed-video>.drag-handle{display:none}.video-order{margin-top:16px}.small-thumbnail{flex-basis:105px}.managed-video-copy{min-width:calc(100% - 158px);padding-top:7px}.managed-video-tools{justify-content:flex-end;width:100%}.add-video-form{padding:12px}.block-tabs,.history-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.block-rule-form{display:grid;grid-template-columns:1fr}.block-rule-form>button{justify-self:stretch}.rule-row{align-items:flex-start;flex-wrap:wrap}.rule-row>div{min-width:calc(100% - 60px)}.rule-row>button{margin-left:auto}.history-row,.search-history-row{align-items:start;grid-template-columns:auto minmax(0,1fr)}.history-metrics{grid-column:2}.search-history-row>button{grid-column:2;justify-self:start}.settings-fields,.pairing-form{grid-template-columns:1fr}.pairing-form>button{grid-column:auto}.settings-device>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-device>footer .push-right{grid-column:1 / -1;margin-left:0}.session-row{align-items:flex-start;flex-wrap:wrap}.session-row>div{min-width:calc(100% - 30px)}.session-row>:last-child{margin-left:28px}.schedule-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.schedule-row>select{grid-column:1 / -1}.schedule-row>span{display:none}.schedule-row>.switch{justify-self:end}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:21px 21px 0 0;max-height:92vh;max-height:92dvh;max-width:none;padding:19px 16px calc(19px + env(safe-area-inset-bottom))}.modal-card>footer{background:#fffffff5;bottom:0;position:sticky;z-index:1}.modal-video img{flex-basis:105px}.toast{bottom:calc(78px + env(safe-area-inset-bottom))}.auth-card{padding:28px 22px}.auth-brand{margin-bottom:52px}}@media(max-width:390px){.app-main{padding-left:12px;padding-right:12px}.page-header h1{font-size:1.55rem}.command-grid{grid-template-columns:1fr 1fr}.result-actions{grid-template-columns:1fr}.result-actions .primary-button{grid-column:auto}.segmented-tabs button{font-size:.69rem;padding-left:8px;padding-right:8px}.small-thumbnail{flex-basis:94px}.managed-video-copy{min-width:calc(100% - 147px)}.mobile-nav button>small{font-size:.48rem}}input:focus,select:focus,textarea:focus{border-color:#9eb9ee;box-shadow:0 0 0 3px #2e6ff21c;outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
