:root{color-scheme:dark;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;--canvas: #101516;--surface: #171d1f;--surface-raised: #1d2528;--surface-input: #0f1517;--surface-muted: #242c30;--ink: #e5eaed;--muted: #aebbc4;--subtle: #798893;--line: #35424a;--line-soft: rgba(174, 187, 196, .15);--blue: #249df0;--blue-hover: #55b6fa;--blue-soft: rgba(36, 157, 240, .16);--success: #67d7a3;--success-soft: rgba(52, 162, 108, .2);--warning: #ffc66a;--warning-soft: rgba(207, 143, 31, .18);--danger: #ffb7ae;--danger-strong: #c95049;--danger-soft: rgba(191, 68, 56, .2)}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%;margin:0}body{background:var(--canvas);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:2.45rem;padding:.52rem .82rem;border:1px solid transparent;border-radius:.42rem;background:var(--blue);color:#062037;cursor:pointer;font-weight:600;transition:background .14s ease,border-color .14s ease,transform .14s ease}button:hover,.button-link:hover{background:var(--blue-hover)}button:active,.button-link:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.42;transform:none}.shell{display:grid;grid-template-rows:3.8rem minmax(0,1fr);height:100dvh;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.4rem;border-bottom:1px solid var(--line-soft);background:#101516f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{color:#9cf;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.85rem}.topbar-actions button,.button-secondary{border-color:var(--line);background:transparent;color:#d5e6f4;font-weight:500}.topbar-actions button:hover,.button-secondary:hover{border-color:#7cc6fb;background:var(--blue-soft);color:#eff8ff}.body{display:grid;grid-template-columns:13.5rem minmax(0,1fr);min-height:0}.sidebar{display:flex;flex-direction:column;gap:.22rem;overflow:auto;padding:.85rem .65rem;border-right:1px solid var(--line-soft);background:#0c1112}.sidebar a{position:relative;padding:.7rem .74rem;border-radius:.38rem;color:var(--muted);font-size:.88rem;font-weight:400}.sidebar a:hover{background:#8fc5ee14;color:var(--ink)}.sidebar a.active{background:var(--blue-soft);color:#bfe4ff}.sidebar a.active:before{position:absolute;inset:.55rem auto .55rem -.65rem;width:.18rem;border-radius:0 99px 99px 0;background:var(--blue);content:""}.content{display:flex;min-width:0;min-height:0;overflow:hidden;padding:1rem}.content-frame{display:flex;flex:1;min-width:0;min-height:0}.content-frame>*{min-width:0}.panel{width:100%;border:1px solid var(--line-soft);border-radius:.7rem;background:var(--surface)}.content-frame>.panel:not(.list-page){overflow:auto;padding:clamp(1rem,2.1vw,1.6rem)}.panel h1,.panel h2,.panel h3{margin:0;color:#f1f4f5;font-weight:600;letter-spacing:-.035em}.panel h1{font-size:clamp(1.65rem,2.3vw,2.35rem)}.panel h2{font-size:1.1rem}.muted{color:var(--muted);line-height:1.55}.error{color:var(--danger);margin:0}.success{color:var(--success)}.eyebrow{margin:0;color:#8bc8fb;font-size:.72rem;font-weight:600;letter-spacing:.1em}.form{display:grid;gap:.9rem}.form label,.form-label{display:grid;gap:.38rem;color:#c8d2d8;font-size:.84rem}.form input,.form select,.form textarea,.form-label input,.search-field input,.video-filter-bar select,.page-size-select select{width:100%;min-height:2.45rem;border:1px solid var(--line);border-radius:.38rem;padding:.55rem .68rem;background:var(--surface-input);color:var(--ink);outline:none}.form input:focus,.form select:focus,.form textarea:focus,.search-field input:focus,.video-filter-bar select:focus,.page-size-select select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #249df029}.form input:disabled{color:var(--subtle)}.two-column,.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.span-2{grid-column:1 / -1}.actions,.dialog-actions{display:flex;justify-content:flex-end;gap:.55rem}.checkbox-label{display:flex!important;align-items:center;gap:.52rem}.checkbox-label input,.video-selection-cell input{width:1rem;height:1rem;min-height:0;margin:0;accent-color:var(--blue)}.button-danger{border-color:var(--danger-strong);background:var(--danger-strong);color:#fff}.button-danger:hover{background:#df625a}.compact-button{min-height:2.05rem;padding:.35rem .55rem;font-size:.79rem}.icon-button{display:grid;width:2.4rem;height:2.4rem;min-height:0;place-items:center;padding:0;border-radius:50%}.admin-overview{display:grid;align-content:start;gap:1.25rem;min-height:0;padding:clamp(1.35rem,2.5vw,2.2rem)}.overview-intro h1{font-size:clamp(1.75rem,2.6vw,2.5rem)}.overview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.overview-card{display:grid;align-content:start;min-height:11rem;gap:.7rem;padding:1.2rem;border:1px solid var(--line);border-radius:.62rem;background:#12191b;transition:border-color .14s ease,background .14s ease,transform .14s ease}.overview-card:hover{border-color:#5fbdf89e;background:#249df014;transform:translateY(-2px)}.overview-card strong{color:#6dbdf6;font-size:1.05rem;font-weight:600}.overview-card span{color:var(--muted);font-size:.9rem;line-height:1.55}.overview-card b{align-self:end;margin-top:auto;color:#98d1fb;font-size:.83rem;font-weight:500}.list-page{display:flex;flex-direction:column;gap:.8rem;min-height:0;height:100%;padding:clamp(1rem,1.8vw,1.45rem)}.list-page-header,.list-feedback,.video-filter-bar,.client-quick-filter,.pagination-controls{flex:0 0 auto}.panel-header,.section-toolbar,.header-status-actions,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-header p,.section-toolbar p,.section-heading p{margin:.35rem 0 0;color:var(--muted);font-size:.88rem}.list-error-notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.62rem .72rem;border:1px solid rgba(255,183,174,.3);border-radius:.45rem;background:var(--danger-soft);color:var(--danger);font-size:.86rem}.list-feedback{display:grid;gap:.45rem}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;border:1px solid var(--line-soft);border-radius:.5rem;background:#0a0f107a}.list-toolbar-inline{min-height:0;padding:0;border:0;background:transparent}.search-field{width:min(100%,32rem)}.list-toolbar-inline .search-field{width:100%}.search-field input{padding-left:2.28rem;background:var(--surface-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23aebbc4' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='5'/%3E%3Cpath d='m12 12 4 4'/%3E%3C/svg%3E") .7rem center / 18px no-repeat}.list-toolbar-actions,.quick-actions,.row-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:.45rem}.video-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) 12.5rem 10.5rem;align-items:end;gap:.65rem}.video-filter-bar>label{display:grid;gap:.32rem;color:#c8d2d8;font-size:.76rem}.client-quick-filter{display:flex;gap:.45rem;overflow-x:auto;padding:.08rem 0 .18rem}.client-quick-filter button{flex:0 0 auto;min-height:2.1rem;border-color:var(--line);background:var(--surface-input);color:var(--muted);padding:.36rem .68rem;font-size:.8rem;font-weight:500}.client-quick-filter button.active{border-color:var(--blue);background:var(--blue);color:#062037;font-weight:600}.table-scroll-region,.card-scroll-region{min-width:0;min-height:12rem;overflow:auto;border:1px solid var(--line-soft);border-radius:.52rem;background:#111819;scrollbar-color:#65717a transparent}.list-page .table-scroll-region{flex:1 1 auto}.entity-list-section{display:grid;min-height:0;gap:.75rem}.entity-list-section .table-scroll-region{max-height:min(51dvh,32rem)}.table{width:100%;min-width:46rem;border-collapse:collapse;font-size:.87rem}.table th,.table td{padding:.68rem;border-bottom:1px solid var(--line-soft);color:#dce4e9;text-align:left;vertical-align:middle;white-space:nowrap}.table th{color:#b8c5ce;background:#252d30;font-size:.72rem;font-weight:500;letter-spacing:.035em}.table thead th{position:sticky;top:0;z-index:2;box-shadow:0 1px 0 var(--line)}.table tbody tr:hover{background:#5bb1eb0e}.table td.code-cell,.table td.time-cell{color:#b7c4ce;font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem}.table td.file-name-cell{overflow:hidden}.video-table{min-width:61.25rem;table-layout:fixed}.video-table .video-col-selection{width:2.25rem}.video-table .video-col-client{width:7.9rem}.video-table .video-col-created{width:7.25rem}.video-table .video-col-scan,.video-table .video-col-transcode{width:5.9rem}.video-table .video-col-download{width:5.5rem}.video-table .video-col-share{width:6.2rem}.video-table .video-col-expiry{width:7.15rem}.video-table .code-cell,.video-table .time-cell{overflow:hidden;text-overflow:ellipsis}.video-selection-cell{width:2.25rem;padding-inline:.5rem!important;text-align:center!important}.video-selection-cell input:disabled{cursor:not-allowed;opacity:.35}.actions-column{min-width:9rem}.status-pill{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:.28rem;padding:.24rem .38rem;font-size:.76rem;font-weight:500}.status-pill i{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}.status-pill.success{border-color:#67d7a347;background:var(--success-soft);color:var(--success)}.status-pill.warning{border-color:#ffc66a47;background:var(--warning-soft);color:var(--warning)}.status-pill.danger{border-color:#ffb7ae47;background:var(--danger-soft);color:var(--danger)}.status-pill.info{border-color:#65bbf852;background:var(--blue-soft);color:#91cffb}.status-pill.neutral{color:#bac7d0;background:#aebbc412}.status-pill-button{min-height:0;padding:0;border:0;background:transparent}.status-pill-button:hover .status-pill{border-color:#81c9fb}.detail-tooltip{display:inline-flex;max-width:100%;cursor:help;text-decoration:underline dotted rgba(174,187,196,.52);text-underline-offset:.22rem}.detail-tooltip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-tooltip-portal{position:fixed;z-index:10000;display:grid;width:min(26.25rem,calc(100vw - 1.5rem));max-height:min(15rem,calc(100dvh - 1.5rem));gap:.35rem;overflow:auto;padding:.75rem;border:1px solid #50616d;border-radius:.5rem;background:#20292d;box-shadow:0 18px 44px #00000094;color:var(--ink);font-size:.78rem;line-height:1.45;pointer-events:none}.detail-tooltip-portal strong,.detail-tooltip-portal small{overflow-wrap:anywhere}.detail-tooltip-portal small{color:var(--muted)}.pagination-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem}.pagination-controls>p{margin:0 auto 0 0;color:var(--muted);font-size:.86rem}.page-size-select,.pager-actions{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.84rem}.page-size-select select{min-height:2.1rem;width:auto}.empty-state,.empty-cell{color:var(--muted)}.empty-state{margin:1rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,20rem));align-content:start;gap:.9rem;padding:1rem}.video-card{display:flex;flex-direction:column;min-width:0;min-height:15.5rem;padding:1rem;border:1px solid var(--line-soft);border-radius:.62rem;background:#192123}.video-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;min-height:2.9rem}.video-card h2{display:-webkit-box;overflow:hidden;font-size:1rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.delivery-status{display:inline-flex;flex:0 0 auto;align-items:center;gap:.32rem;border-radius:99px;padding:.3rem .5rem;font-size:.76rem}.delivery-status i{width:.46rem;height:.46rem;border-radius:50%;background:currentColor}.delivery-status.pending{background:var(--warning-soft);color:var(--warning)}.delivery-status.ready{background:var(--success-soft);color:var(--success)}.delivery-status.error{background:var(--danger-soft);color:var(--danger)}.video-preview{position:relative;display:block;width:100%;overflow:hidden;margin-top:.85rem;padding:0;border:0;border-radius:.48rem;background:#040606}.video-preview video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#040606}.video-preview:after{position:absolute;inset:0;background:linear-gradient(transparent 45%,#000000a3);content:""}.video-preview span{position:absolute;z-index:1;right:.55rem;bottom:.55rem;padding:.4rem .55rem;border-radius:.35rem;background:var(--blue);color:#062037;font-size:.76rem;font-weight:600}.transcode-progress{width:100%;height:.3rem;margin-top:.85rem;overflow:hidden;border-radius:99px;background:#3b474e}.transcode-progress span{display:block;height:100%;border-radius:inherit;background:var(--warning)}.video-card>.muted{margin-top:auto;margin-bottom:0;font-size:.84rem}.playback-experience{position:fixed;inset:0;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr);padding:1rem;background:#090d0e;color:#fff}.playback-experience-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem .2rem .9rem}.playback-experience-header p{margin:0;color:var(--muted);font-size:.76rem}.playback-experience-header h1{margin:.18rem 0 0;font-size:1.05rem}.playback-close{background:#ffffff1f;color:#fff}.playback-experience-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);gap:.9rem;min-height:0}.playback-canvas{display:grid;min-width:0;min-height:0;place-items:center;border-radius:.55rem;background:#030505}.playback-canvas .client-player{width:100%;height:100%}.playback-queue{min-height:0;overflow:hidden;border-radius:.55rem;background:#1d2528}.playback-queue h2{padding:.9rem;font-size:.95rem}.playback-queue-list{display:grid;align-content:start;gap:.45rem;height:calc(100% - 3.4rem);overflow:auto;padding:0 .7rem .7rem}.playback-queue-list button{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:.55rem;min-height:0;padding:.42rem;background:transparent;color:#fff;text-align:left}.playback-queue-list button:hover,.playback-queue-list button.active{background:#249df047}.queue-thumbnail{overflow:hidden;border-radius:.3rem;background:#050606}.queue-thumbnail video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.queue-thumbnail+span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-player{position:relative;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;border-radius:.55rem;background:#030505}.video-player{display:block;width:100%;height:100%;min-height:0;object-fit:contain;touch-action:manipulation;background:#030505}.player-controls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 45%,#000000d1);opacity:1;pointer-events:none;transition:opacity .2s ease}.player-controls.is-hidden{opacity:0}.player-controls>*{pointer-events:auto}.player-progress{width:calc(100% - 1.4rem);margin:0 .7rem .35rem}.player-control-row{display:flex;align-items:center;gap:.65rem;padding:.35rem .7rem .7rem}.player-seek-feedback{position:absolute;z-index:1;top:50%;display:grid;min-width:5.7rem;place-items:center;padding:.58rem .72rem;border:1px solid rgba(190,225,245,.3);border-radius:.46rem;background:linear-gradient(135deg,#101b20e0,#070c0ebd);box-shadow:0 .7rem 1.8rem #00000042,inset 0 1px #ffffff14;color:#edf8ff;pointer-events:none;transform:translateY(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:player-seek-feedback .65s cubic-bezier(.16,.82,.32,1) both}.player-seek-feedback.back{left:12%}.player-seek-feedback.forward{right:12%}.player-seek-feedback span{color:#f3fbff;font-family:SFMono-Regular,Roboto Mono,Consolas,monospace;font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.045em;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.55);white-space:nowrap}@keyframes player-seek-feedback{0%{opacity:0;transform:translateY(-50%) scale(.84)}18%{opacity:1;transform:translateY(-50%) scale(1)}72%{opacity:1;transform:translateY(-50%) scale(1.025)}to{opacity:0;transform:translateY(-50%) scale(1.06)}}.player-control-group,.player-control-group-end{display:flex;align-items:center;gap:.42rem}.player-control-group-end{margin-left:auto}.player-button{display:grid;width:2.25rem;height:2.25rem;min-height:0;place-items:center;padding:0;border:0;border-radius:50%;background:#0e1213c7;color:#fff}.player-button:hover{background:#249df0e6}.player-button svg,.icon-button svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.player-progress{min-width:2rem;accent-color:var(--blue)}.player-time{color:#d6dfe5;font-size:.8rem;white-space:nowrap}.player-volume{width:5rem;accent-color:var(--blue)}.player-rate{min-height:2rem;border:0;border-radius:.35rem;padding:.2rem .38rem;background:#0e1213c7;color:#fff;font-size:.78rem}.player-rate option{background:#fff;color:#17211e}.refresh-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:7rem;min-height:2.35rem;gap:.38rem;white-space:nowrap}.player-error{position:absolute;top:.55rem;left:.55rem;margin:0;padding:.5rem .65rem;border-radius:.35rem;background:var(--danger-soft);color:var(--danger)}.client-player:fullscreen{border-radius:0}.client-player:fullscreen .video-player{width:100vw;height:100vh}@media(min-width:761px){.client-player:not(:fullscreen){grid-template-rows:minmax(0,1fr) 5.1rem}.client-player:not(:fullscreen) .video-player{grid-row:1;min-height:0}.client-player:not(:fullscreen) .player-controls{inset:auto 0 0;height:5.1rem;background:linear-gradient(transparent,#000000d1)}}.shell{grid-template-columns:15.5rem minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;background:linear-gradient(135deg,rgba(40,138,205,.09),transparent 32rem),var(--canvas)}.workspace-shell{display:grid;grid-template-rows:4.25rem minmax(0,1fr);min-width:0;min-height:0}.body{display:contents}.sidebar{gap:0;padding:1.25rem .9rem .95rem;border-right:1px solid rgba(133,164,182,.16);background:linear-gradient(180deg,#0c1215,#10181c 70%,#0b1012)}.sidebar-brand{display:flex;align-items:center;gap:.6rem;margin:0 0 2.45rem;padding:.2rem .35rem;color:#a8d7ff!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.13em}.sidebar-brand:hover{background:transparent!important}.sidebar-brand-mark{display:grid;width:2.15rem;height:2.15rem;place-items:center;border:1px solid rgba(124,198,251,.58);border-radius:.44rem;background:#249df01a;font-size:.85rem;letter-spacing:0}.sidebar-label{margin:0 0 .45rem;padding:0 .48rem;color:#70818c;font-size:.67rem;letter-spacing:.12em}.sidebar-nav{display:grid;gap:.18rem}.sidebar a{padding:.72rem .78rem;border-radius:.5rem;color:#aebbc4;font-size:.88rem}.sidebar a.active{background:#1c8fe22e;color:#d9efff}.sidebar a.active:before{inset:.58rem auto .58rem 0;width:.15rem;background:#32a7f3}.sidebar-account{display:grid;gap:.17rem;margin-top:auto;padding:.95rem .78rem;border:1px solid rgba(132,157,172,.16);border-radius:.55rem;background:#ffffff06}.sidebar-account span,.sidebar-account small{color:#82929d;font-size:.72rem}.sidebar-account p{margin:.1rem 0 0;color:#d7e0e5;font-size:.88rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{height:4.25rem;padding:0 1.65rem;border-bottom-color:#85a4b629;background:#101619d6}.topbar-context{display:grid;gap:.08rem}.topbar-context span{color:#dbe7ee;font-size:.88rem}.topbar-context small{color:#78909e;font-size:.72rem}.topbar-actions{gap:.8rem}.topbar-actions>span{color:#b9c8d0}.content{overflow:auto;padding:1.35rem;background:radial-gradient(circle at 85% -5%,rgba(46,140,205,.1),transparent 26rem)}.content-frame{display:block;width:min(100%,98rem);min-height:100%;margin:0 auto}.content-frame>*{min-height:100%}.panel{border-color:#85a4b638;border-radius:.75rem;background:#141c1ff0}.workspace-page{padding:clamp(1.1rem,2vw,1.6rem)}.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.workspace-heading>div{min-width:0}.workspace-heading p{margin:0 0 .28rem;color:#7cbff3;font-size:.72rem;letter-spacing:.08em}.workspace-heading h1{font-size:clamp(1.55rem,2vw,2.05rem);letter-spacing:-.025em}.panel h1,.panel h2,.panel h3{font-weight:600}.panel p,.panel span,.panel label,.table td,.table th,input,select,textarea{font-weight:400}button{font-weight:500}.admin-overview{grid-template-rows:auto minmax(0,1fr);gap:1.4rem;min-height:min(38rem,100%)}.overview-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.overview-card{min-height:13rem;gap:.75rem;padding:1.35rem;border-color:#85a4b638;border-radius:.65rem;background:linear-gradient(150deg,rgba(53,104,138,.13),transparent 52%),#151d20}.overview-card strong{color:#7ec6fa;font-size:1.12rem;font-weight:600}.overview-card span{max-width:18rem;color:#aebcc5;font-size:.9rem;line-height:1.6}.overview-card b{color:#91caf6;font-size:.84rem;font-weight:500}.overview-card b i{font-style:normal}.list-page{gap:.85rem;padding:clamp(1rem,1.7vw,1.4rem)}.list-page-header{align-items:center;min-height:2.8rem}.list-page-header>button,.list-page-header .actions{align-self:center}.list-toolbar{padding:.62rem;border-color:#85a4b633;background:#070c0e5c}.table-scroll-region{border-color:#85a4b638;border-radius:.58rem;background:#11191b}.table{font-size:.85rem}.table th,.table td{padding:.7rem .74rem;border-bottom-color:#85a4b62b}.table th{background:#232b2e;color:#b8c7d0;font-size:.71rem;font-weight:500}.table tbody tr:hover{background:#3594d613}.pagination-controls{padding-top:.15rem}.status-pill{border-radius:.32rem;font-weight:500}.video-table{width:100%;min-width:0}.video-table .video-col-selection{width:2.5rem}.video-table .video-col-client{width:5.55rem}.video-table .video-col-name{width:auto}.video-table .video-col-scan,.video-table .video-col-transcode{width:5.2rem}.video-table .video-col-download{width:5.15rem}.video-table .video-col-share{width:5.85rem}.video-table .video-col-expiry{width:6.65rem}.video-table .video-col-settings{width:4.25rem}.video-table .file-name-cell{min-width:13rem}.video-table .code-cell,.video-table .time-cell{font-size:.77rem}.video-table .time-cell{white-space:nowrap}.detail-tooltip-portal{z-index:10050;border-color:#7eb8e085;background:#1c272c}.login-page{min-height:100dvh;padding:clamp(1rem,3vw,3rem);background:#0b1113}.login-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(25rem,.8fr);min-height:min(48rem,calc(100dvh - 2rem));overflow:hidden;border:1px solid rgba(142,182,210,.28);border-radius:1rem;background:#171d1f;box-shadow:0 24px 68px #00000061}.login-identity{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:0;overflow:hidden;padding:clamp(2rem,5vw,4.5rem);background:linear-gradient(155deg,#164665,#0d1d28,#0d1315)}.login-brand{z-index:1;display:flex;align-items:center;gap:.65rem;color:#a8d7ff;font-size:.95rem;font-weight:700;letter-spacing:.12em}.login-brand span{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid rgba(150,210,250,.65);border-radius:.54rem;background:#082c4366;letter-spacing:0}.login-brand p{margin:0;font-weight:700}.login-identity-copy{z-index:1;align-self:end;width:max-content;max-width:100%;margin:0;color:#c5d3dc;font-size:clamp(1.25rem,2.7vw,2.45rem);font-weight:400;letter-spacing:-.035em}.login-identity-visual{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-identity-visual span,.login-identity-visual i,.login-identity-visual b,.login-identity-visual em{position:absolute;display:block;border:1px solid rgba(127,194,240,.25);border-radius:50%}.login-identity-visual span{width:32rem;height:32rem;right:-5rem;bottom:-12rem}.login-identity-visual i{width:25rem;height:25rem;right:1.5rem;bottom:-8rem}.login-identity-visual b{width:17rem;height:17rem;right:7rem;bottom:-4rem;background:#3c8ec21f}.login-identity-visual em{width:28rem;height:42rem;right:-9rem;bottom:-13rem;transform:rotate(37deg);border-radius:46%;border-color:#8eb6d21a}.login-card{display:grid;align-content:center;gap:2rem;padding:clamp(2.5rem,6vw,5.6rem);background:#171d1f}.login-heading{display:grid;gap:.45rem}.login-heading p{margin:0;color:#8ec9f7;font-size:.8rem;letter-spacing:.08em}.login-heading h2{font-size:clamp(1.55rem,2.2vw,2rem);font-weight:500;letter-spacing:-.035em;white-space:nowrap}.login-form label{font-size:.86rem}.login-form input{min-height:3.15rem;border-radius:.5rem}.login-form button{display:flex;justify-content:space-between;align-items:center;min-height:3.25rem;margin-top:.25rem;border-radius:.5rem;padding:0 1rem 0 1.1rem}@media(max-width:75rem){.shell{grid-template-columns:13.2rem minmax(0,1fr)}.video-table{min-width:57rem}.content{padding:1rem}}@media(max-width:54rem){.shell{display:block;height:auto;min-height:100dvh;overflow:visible}.workspace-shell{display:block}.sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:row;align-items:center;gap:.25rem;min-height:4rem;padding:.55rem .65rem;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line-soft)}.sidebar-brand{flex:0 0 auto;margin:0 .65rem 0 0}.sidebar-brand-mark{width:1.8rem;height:1.8rem}.sidebar-label,.sidebar-account{display:none}.sidebar-nav{display:flex;gap:.25rem}.sidebar a{flex:0 0 auto;padding:.55rem .62rem}.sidebar a.active:before{inset:auto .55rem 0;width:auto;height:.15rem}.topbar{height:3.65rem;padding:0 .9rem}.content{overflow:visible;padding:.8rem}.content-frame{min-height:auto}.list-page{min-height:38rem}.overview-actions{grid-template-columns:1fr}.login-page{padding:0}.login-shell{grid-template-columns:1fr;min-height:100dvh;border:0;border-radius:0}.login-identity{min-height:15rem;padding:1.5rem}.login-identity-copy{font-size:1.35rem}.login-card{padding:2rem 1.5rem 3rem}}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#040809b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-dialog,.modal-dialog{width:min(100%,34rem);border:1px solid var(--line);border-radius:.65rem;background:#1b2123;box-shadow:0 28px 80px #00000094}.confirm-dialog{padding:1.3rem}.modal-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(44rem,calc(100dvh - 2rem))}.modal-dialog.wide{width:min(100%,47rem)}.modal-dialog-header,.modal-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.95rem 1.05rem;border-bottom:1px solid var(--line-soft)}.modal-dialog-footer{justify-content:flex-end;border-top:1px solid var(--line-soft);border-bottom:0}.modal-dialog-body{min-height:0;overflow:auto;padding:1.05rem}.detail-tabs{display:flex;gap:.45rem;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line-soft)}.detail-tabs button{border-color:var(--line);background:transparent;color:var(--muted);font-weight:500}.detail-tabs button.active{border-color:#47a9e870;background:var(--blue-soft);color:#c7e7fd}.compact-form{width:min(100%,52rem);margin:0 auto;padding:1rem;border:1px solid var(--line-soft);border-radius:.56rem;background:#0a0f1047}.client-detail-page{display:grid;align-content:start;gap:.85rem;min-height:0}.path-preview,.info-notice{margin:0;padding:.72rem;border-radius:.4rem;background:#749ebb1a;color:var(--muted)}.section-heading{align-items:center}.settings-page,.settings-form,.settings-locks{display:grid;min-height:0;gap:1rem}.settings-section{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--line-soft);border-radius:.55rem;background:#0a0f1042}.settings-grid{display:grid;gap:.85rem}.settings-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-actions{display:flex;justify-content:flex-end}.manual-lock-form{display:grid;grid-template-columns:minmax(10rem,.8fr) minmax(14rem,1.6fr) auto;align-items:end;gap:.75rem;padding:.9rem;border:1px solid var(--line-soft);border-radius:.5rem}.settings-lock-table{min-height:15rem;max-height:min(50dvh,34rem)}.setting-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.setting-shortcut{display:grid;grid-template-columns:1fr auto;gap:.6rem;min-height:7rem;padding:1rem;border:1px solid var(--line-soft);border-radius:.55rem;background:#0a0f1047;color:var(--ink);text-align:left}.setting-shortcut:hover{border-color:#68c1f97a;background:var(--blue-soft)}.setting-shortcut>span{color:#8ecdfb;font-weight:500}.setting-shortcut small{grid-column:1 / -1;color:var(--muted)}.settings-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0}.settings-meta dt{color:var(--muted);font-size:.74rem}.settings-meta dd{margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-file-name{overflow-wrap:anywhere;color:#f0f4f5;font-weight:600}.share-token{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.65rem;border:1px solid var(--line-soft);border-radius:.4rem;background:var(--surface-input)}.share-token code{overflow:hidden;color:#93d0fb;text-overflow:ellipsis;white-space:nowrap}.share-token-actions{display:grid;justify-items:end;gap:.3rem}.share-token-actions span{font-size:.78rem}.batch-share-video-list{margin:.6rem 0 0;padding-left:1.2rem}.login-page{position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:clamp(.8rem,3vw,2rem);background:#0d1315}.login-page:before{position:absolute;inset:0;background-image:linear-gradient(rgba(160,203,236,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(160,203,236,.025) 1px,transparent 1px);background-size:3rem 3rem;content:""}.login-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(25rem,.78fr);width:min(100%,88rem);min-height:min(43rem,calc(100dvh - 3rem));overflow:hidden;border:1px solid #3a4750;border-radius:.85rem;background:#171d1f;box-shadow:0 34px 85px #0000006b}.login-identity{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:33rem;padding:clamp(2.2rem,5vw,4.75rem);overflow:hidden;background:linear-gradient(145deg,#194c69,#102a38 47%,#101516 78%)}.login-identity:after{position:absolute;right:-11rem;bottom:-12rem;width:37rem;height:37rem;border:1px solid rgba(145,206,248,.25);border-radius:50%;box-shadow:0 0 0 3rem #91cef80b,0 0 0 7rem #91cef806;content:""}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:.65rem;color:#9fd3ff}.login-brand span{display:grid;width:2.7rem;height:2.7rem;place-items:center;border:1px solid rgba(159,211,255,.52);border-radius:.42rem;font-family:Consolas,monospace;font-size:1.05rem;font-weight:700}.login-brand p{margin:0;font-size:1rem;font-weight:700;letter-spacing:.11em}.login-identity-copy{position:relative;z-index:1;max-width:29rem;margin-top:auto}.login-identity-copy h1{margin:0;color:#eef7ff;font-size:clamp(2.35rem,4.3vw,4.25rem);font-weight:600;line-height:1.12;letter-spacing:-.065em}.login-identity-visual{position:absolute;z-index:0;right:clamp(2rem,7vw,6rem);bottom:clamp(2rem,6vw,5rem);width:min(57%,27rem);aspect-ratio:1;border:1px solid rgba(159,211,255,.25);border-radius:50%;box-shadow:0 0 0 2.5rem #9fd3ff0a,0 0 0 5rem #9fd3ff06}.login-identity-visual span,.login-identity-visual i,.login-identity-visual b{position:absolute;display:block;border:1px solid rgba(159,211,255,.28);border-radius:50%}.login-identity-visual span{inset:15%}.login-identity-visual i{inset:31%}.login-identity-visual b{inset:46%;background:#9fd3ff21}.login-card{display:grid;align-content:center;gap:1.55rem;padding:clamp(2rem,3.4vw,3.45rem);background:#181e20}.login-heading h2{margin:0;color:#f1f5f6;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:600;letter-spacing:-.03em;white-space:nowrap}.login-form{gap:1rem}.login-form label{font-size:.88rem}.login-form button{justify-content:space-between;min-height:3rem;padding-inline:1rem}.login-form button span{font-size:1.2rem}.public-share-page{display:grid;min-height:100vh;place-items:center;padding:clamp(.75rem,3vw,3rem);background:#080b0c}.public-share-view{display:grid;width:min(100%,90rem);gap:.55rem}.public-share-page .client-player{width:100%;height:min(82vh,56rem);box-shadow:0 24px 70px #00000059}.public-share-status{margin:0;color:#b8c8cf;font-size:.82rem}.public-share-message{display:grid;min-height:100vh;place-content:center;padding:2rem;text-align:center;background:#0c1112;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1100px){.body{grid-template-columns:11.5rem minmax(0,1fr)}.video-filter-bar{grid-template-columns:minmax(0,1fr) 10rem 9rem}.login-shell{grid-template-columns:minmax(0,1.25fr) minmax(22rem,.85fr)}.login-identity-copy h1{font-size:clamp(2rem,4vw,3.2rem)}}@media(max-width:760px){.shell{grid-template-rows:3.45rem minmax(0,1fr)}.topbar{padding:0 .8rem}.topbar-actions>span{display:none}.body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar{flex-direction:row;overflow-x:auto;padding:.42rem .7rem;border-right:0;border-bottom:1px solid var(--line-soft)}.sidebar a{flex:0 0 auto}.sidebar a.active:before{inset:auto .55rem -.42rem;width:auto;height:.18rem;border-radius:99px 99px 0 0}.content{padding:.7rem}.panel-header,.section-toolbar,.header-status-actions,.section-heading,.list-toolbar{align-items:stretch;flex-direction:column}.overview-actions,.two-column,.grid-2,.settings-grid.two-columns,.settings-grid.three-columns,.setting-shortcut-grid,.settings-meta,.video-filter-bar{grid-template-columns:1fr}.search-field{width:100%}.list-page .table-scroll-region{max-height:54dvh}.table-scroll-region{min-height:11rem}.pagination-controls{justify-content:flex-start}.pagination-controls>p{width:100%;margin:0}.playback-experience{padding:.6rem}.playback-experience-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 11rem}.playback-queue-list{grid-template-columns:repeat(2,minmax(0,1fr))}.playback-queue-list button{grid-template-columns:1fr}.queue-thumbnail{display:none}.player-control-row{align-items:flex-start;flex-wrap:wrap}.player-control-group-end{margin-left:0}.player-volume{width:4rem}.modal-dialog,.modal-dialog.wide{width:100%}.manual-lock-form,.share-token{grid-template-columns:1fr}.share-token-actions{justify-items:start}.login-page{padding:.7rem}.login-shell{grid-template-columns:1fr;width:min(100%,34rem);min-height:0}.login-identity{min-height:15rem;padding:1.6rem}.login-identity-copy h1{font-size:1.8rem}.login-identity-visual{width:13rem;right:-1.5rem;bottom:-2.4rem}.login-card{padding:1.8rem}}:root{--workspace-bg: #101718;--workspace-panel: #171f21;--workspace-panel-strong: #1d272a;--workspace-line: #314047;--workspace-text: #eef3f4;--workspace-muted: #aab8bf;--workspace-blue: #45a8f4;--workspace-blue-strong: #1998ec}body{background:var(--workspace-bg);color:var(--workspace-text);font-size:15px;font-weight:400}button,input,select,textarea{font:inherit;font-weight:400}.shell{display:grid;grid-template-columns:15.5rem minmax(0,1fr);min-height:100dvh;background:var(--workspace-bg)}.sidebar{display:flex;flex-direction:column;min-height:100dvh;padding:1.5rem 1rem;border-right:1px solid var(--workspace-line);background:#121a1c}.sidebar-brand{display:flex;align-items:center;gap:.6rem;min-height:3rem;color:#a9d8ff;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-decoration:none}.sidebar-brand-mark{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid #5a91b6;border-radius:.45rem;font-family:Consolas,monospace;letter-spacing:0}.sidebar-label{margin:2rem 0 .5rem;color:#72828a;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.sidebar-nav{display:grid;gap:.22rem}.sidebar-nav-icon{display:none}.sidebar a:not(.sidebar-brand){position:relative;display:flex;align-items:center;min-height:2.55rem;padding:0 .8rem;border-radius:.4rem;color:#b7c4ca;font-size:.92rem;text-decoration:none}.sidebar a:not(.sidebar-brand):hover{background:#69abd81c;color:#e8f4fc}.sidebar a.active{background:#338bc630;color:#b8e0ff}.sidebar a.active:before{position:absolute;left:0;width:.18rem;height:1.25rem;border-radius:0 999px 999px 0;background:var(--workspace-blue);content:""}.sidebar-account{display:grid;gap:.15rem;margin-top:auto;padding:.9rem .8rem;border:1px solid rgba(107,135,146,.28);border-radius:.45rem;color:var(--workspace-muted)}.sidebar-account span,.sidebar-account small{color:#84939a;font-size:.74rem}.sidebar-account p{margin:.18rem 0 0;color:#e3ecef;font-size:.9rem}.workspace-shell{display:grid;min-width:0;grid-template-rows:4rem minmax(0,1fr)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 2rem;border-bottom:1px solid var(--workspace-line);background:#101718f0}.topbar-context{display:flex;align-items:baseline;gap:.65rem;color:#dbe9ef;font-size:.94rem}.topbar-context small{color:#7f929b;font-size:.76rem}.topbar-actions{display:flex;align-items:center;gap:.7rem;color:var(--workspace-muted);font-size:.85rem}.content{min-width:0;overflow:auto;padding:1.5rem}.content-frame{width:min(100%,100rem);min-height:calc(100dvh - 7rem);margin:0 auto}.panel.workspace-page,.panel.list-page,.panel.settings-page,.panel.client-detail-page{min-height:calc(100dvh - 7rem);padding:clamp(1.25rem,2vw,2rem);border:1px solid var(--workspace-line);border-radius:.65rem;background:var(--workspace-panel);box-shadow:none}.workspace-heading,.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:0 0 1.4rem}.workspace-heading h1,.panel-header h1{margin:0;color:var(--workspace-text);font-size:clamp(1.55rem,2vw,2rem);font-weight:650;letter-spacing:-.035em;line-height:1.15}.workspace-heading p,.panel-header p{margin:.45rem 0 0;color:var(--workspace-muted);font-size:.92rem}.workspace-heading>.actions,.panel-header>.actions{flex-wrap:wrap;justify-content:flex-end}.overview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:74rem}.overview-card{display:grid;grid-template-rows:auto auto auto;gap:1rem;min-height:0;padding:1.35rem;border:1px solid var(--workspace-line);border-radius:.5rem;background:linear-gradient(140deg,#2d4c5b4d,#151e2026);color:var(--workspace-text);text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}.overview-card:hover{border-color:#4d89af;background:#2b5c7938;transform:translateY(-2px)}.overview-card strong{color:#9fd2ff;font-size:1.15rem;font-weight:550}.overview-card span{color:var(--workspace-muted);font-size:.92rem;line-height:1.55}.overview-card b{color:#8ecbfa;font-size:.88rem;font-weight:500}.overview-card i{font-style:normal}.list-page{display:grid;grid-template-rows:auto auto auto minmax(15rem,1fr) auto;gap:.85rem}.video-admin-page{grid-template-rows:auto auto auto auto minmax(15rem,1fr) auto}.video-admin-page .client-quick-filter{align-self:start}.video-admin-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;min-width:0}.video-scan-result{margin:0;color:var(--workspace-success);font-size:.82rem;line-height:1.35;text-align:right}.list-page-header{margin-bottom:0}.list-feedback{min-height:0}.list-toolbar,.video-filter-bar{position:sticky;top:-1.5rem;z-index:12;display:grid;align-items:end;gap:.75rem;padding:.75rem 0;background:var(--workspace-panel)}.list-toolbar{grid-template-columns:minmax(15rem,32rem) 1fr}.video-filter-bar{grid-template-columns:minmax(18rem,1fr) 10rem 10rem}.search-field{min-width:0}.client-quick-filter{display:flex;flex-wrap:wrap;gap:.45rem;padding-bottom:.1rem}.client-quick-filter button{min-height:2.35rem;padding:.35rem .7rem;border-color:#3d4d55;background:transparent;color:#b8c5cb;font-size:.86rem}.client-quick-filter button.active{border-color:var(--workspace-blue-strong);background:var(--workspace-blue-strong);color:#082333}.table-scroll-region{min-height:0;max-height:min(58dvh,39rem);overflow:auto;border:1px solid var(--workspace-line);border-radius:.5rem;background:#131b1d;scrollbar-color:#56666d #101617}.table{width:100%;min-width:67rem;border-collapse:separate;border-spacing:0;table-layout:fixed}.table th{position:sticky;top:0;z-index:2;height:3rem;padding:.6rem .75rem;border-bottom:1px solid var(--workspace-line);background:#222b2e;color:#becad0;font-size:.78rem;font-weight:500;text-align:left;white-space:nowrap}.table td{height:4.05rem;padding:.55rem .75rem;border-bottom:1px solid rgba(70,84,90,.45);color:#dce6e9;font-size:.9rem;font-weight:400;vertical-align:middle}.table tbody tr:hover td{background:#36657f21}.table tbody tr:last-child td{border-bottom:0}.table .code-cell{width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table .time-cell{width:6.25rem;overflow:hidden;color:#bac7cc;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.video-table .video-col-selection,.video-table .video-selection-cell{width:2.6rem}.video-table .video-col-client{width:7.5rem}.video-table .video-col-created{width:6.35rem}.video-table .video-col-name{width:22rem}.video-table .video-col-scan,.video-table .video-col-transcode,.video-table .video-col-download,.video-table .video-col-share{width:6.2rem}.video-table .video-col-expiry{width:7.3rem}.video-table .video-col-settings{width:4.6rem}.file-name-cell{min-width:0;overflow:visible}.detail-tooltip{display:inline-flex;max-width:100%;min-width:0;color:#e5eff3;cursor:help;text-decoration-color:#65828e}.detail-tooltip>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-tooltip-portal{z-index:2147483647!important;width:min(27rem,calc(100vw - 1.5rem));max-height:min(15rem,calc(100dvh - 1.5rem));overflow:auto;border-color:#5b7888;background:#1d292d;color:#edf5f7;pointer-events:none;white-space:normal}.detail-tooltip-portal strong{font-weight:500}.status-pill,.status-pill-button{font-size:.79rem;font-weight:400;white-space:nowrap}.status-pill-button{border:0;padding:0;background:transparent}.row-actions{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.compact-button{min-height:2.1rem;padding:.28rem .55rem;font-size:.82rem;font-weight:500}.actions-column{width:13rem}.pagination-controls{position:sticky;bottom:-1.5rem;z-index:11;padding:.75rem 0 0;background:var(--workspace-panel)}.empty-state{padding:1.25rem;color:var(--workspace-muted)}.form label,.form-label,.settings-section label{color:#c5d1d6;font-size:.85rem;font-weight:500}input,select,textarea{border-color:#40515a;background:#101719;color:#e6eff2}input:focus,select:focus,textarea:focus{border-color:var(--workspace-blue);box-shadow:0 0 0 2px #2d9eec2e}button{border-color:#455862;background:var(--workspace-blue-strong);color:#08202f;font-weight:500}button:hover:not(:disabled){background:#55b5fa}button.button-secondary{border-color:#455862;background:transparent;color:#c6def0}button.button-secondary:hover:not(:disabled){border-color:#6aa8cf;background:#468cb529}.client-manage-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #455862;border-radius:.38rem;background:transparent;color:#c6def0;text-decoration:none}.client-manage-action:hover{border-color:#6aa8cf;background:#468cb529}.button-danger{background:#bd504a;color:#fff3f1}.dialog-backdrop{z-index:100}.modal-dialog,.confirm-dialog{border-color:#3d4c53;background:#1a2225}.modal-dialog-header,.modal-dialog-footer{border-color:#344248}.modal-dialog-header h2{margin:0;font-size:1.15rem;font-weight:600}.modal-dialog-body{padding:1.25rem}.settings-section{gap:.8rem;padding:1rem;border-color:#37464d;background:#0c12145c}.settings-section h2{margin:0;font-size:1.05rem;font-weight:550}.settings-section .muted{margin:.25rem 0 0;font-size:.86rem}.settings-meta dt{font-size:.76rem;font-weight:500}.panel.workspace-page.admin-overview,.panel.settings-page{min-height:0}.admin-overview{grid-template-rows:auto auto;align-content:start;min-height:0}.overview-actions{align-items:start}.settings-page{align-content:start;grid-auto-rows:max-content}.settings-page>.detail-tabs{align-self:start}.detail-tabs{align-items:center}.detail-tabs button{flex:0 0 auto;min-height:2.35rem;padding:.45rem .75rem}.activity-page{gap:.9rem}.activity-page .detail-tabs{margin-bottom:.25rem}.activity-table-scroll{max-height:min(48dvh,30rem)}.activity-table{min-width:58rem}.activity-session-table{min-width:65rem}.activity-share-table{min-width:62rem}.activity-event-table{min-width:0}.activity-table th:nth-child(1){width:34%}.activity-session-table th:nth-child(1){width:14%}.activity-session-table th:nth-child(2){width:15%}.activity-session-table th:nth-child(3){width:29%}.activity-session-table th:nth-child(4){width:22%}.activity-session-table th:nth-child(5){width:8rem}.activity-share-table th:nth-child(1){width:auto}.activity-share-table th:nth-child(2){width:6rem}.activity-share-table th:nth-child(3){width:8rem}.activity-share-table th:nth-child(4){width:13rem}.activity-share-table th:nth-child(5){width:8rem}.activity-event-table th:nth-child(1){width:13rem}.activity-event-table th:nth-child(2){width:15rem}.activity-account-cell small{display:block;margin-top:.2rem;color:var(--workspace-muted);font-size:.76rem}.activity-mono-cell,.activity-time-cell{overflow:hidden;color:#bfd0d7;font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.activity-device-cell,.activity-label-cell{overflow:hidden}.activity-device-cell{color:#d4e0e4;text-overflow:ellipsis;white-space:nowrap}.activity-label-cell>span{display:block;overflow:hidden;color:#e3edf0;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.activity-kind,.activity-current-device{display:inline-flex;align-items:center;min-height:1.65rem;padding:.1rem .46rem;border:1px solid #3a6177;border-radius:999px;background:#428fbe21;color:#addbf8;font-size:.78rem;white-space:nowrap}.activity-current-device{border-color:#748c9785;background:#869da617;color:#c0cdd2}.activity-count-cell{color:#9ed6fb;font-variant-numeric:tabular-nums;white-space:nowrap}.modal-dialog.activity-detail-dialog{height:min(44rem,calc(100dvh - 2rem))}.activity-detail-dialog .modal-dialog-body{overflow:hidden}.activity-detail{display:grid;min-height:0;height:100%;grid-template-rows:auto auto minmax(0,1fr);gap:1rem}.activity-detail-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:start;padding-bottom:1rem;border-bottom:1px solid var(--workspace-line)}.activity-eyebrow{margin:0 0 .4rem;color:#8cccf5;font-size:.76rem;font-weight:500;letter-spacing:.06em}.activity-detail-summary h3{min-width:0;margin:0;color:#edf4f6;font-size:1.05rem;font-weight:550;line-height:1.45}.activity-detail-summary h3>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-detail-summary dl{display:grid;grid-template-columns:repeat(2,minmax(7rem,auto));gap:.9rem;margin:0}.activity-detail-summary dt{color:var(--workspace-muted);font-size:.76rem}.activity-detail-summary dd{margin:.32rem 0 0;color:#dce8ec;font-size:.86rem;font-variant-numeric:tabular-nums;white-space:nowrap}.activity-playlist{padding:.8rem .9rem;border:1px solid rgba(66,94,107,.72);border-radius:.48rem;background:#243b4538}.activity-playlist h4,.activity-event-section h4{margin:0;color:#e3eef2;font-size:.92rem;font-weight:550}.activity-playlist p{max-height:5.5rem;margin:.45rem 0 0;overflow:auto;color:#b8cbd3;font-size:.84rem;line-height:1.55;overflow-wrap:anywhere}.activity-event-section{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:.65rem}.activity-event-section>div>.muted{margin:.28rem 0 0}.activity-detail-table-scroll{min-height:0;max-height:none}.share-file-name{font-size:1rem;font-weight:550}.client-detail-page{align-content:start}.client-detail-page .compact-form{width:min(100%,58rem)}.login-page{display:grid;min-height:100dvh;place-items:center;padding:clamp(.6rem,1.6vw,1.5rem);background:#091012}.login-shell{grid-template-columns:minmax(0,1.35fr) minmax(25rem,.8fr);width:min(100%,92rem);min-height:min(44rem,calc(100dvh - 2.5rem));border-color:#3a4850;border-radius:.8rem;background:#151c1f}.login-identity{min-height:0;padding:clamp(2rem,5vw,4.5rem);background:linear-gradient(145deg,#1a5476,#102f40 46%,#101617 80%)}.login-brand{font-size:.9rem}.login-brand p{font-size:.95rem;font-weight:650}.login-identity-copy{max-width:32rem;margin:auto 0 2.5rem;color:#c9e5f8;font-size:clamp(1.3rem,2.3vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.25}.login-identity-visual{right:12%;bottom:8%;width:min(60%,29rem);opacity:.92}.login-card{gap:1.25rem;padding:clamp(2rem,4vw,3.5rem);background:#1a2022}.login-heading p{margin:0 0 .55rem;color:#8dc9f5;font-size:.82rem;font-weight:500;letter-spacing:.07em}.login-heading h2{font-size:clamp(1.3rem,1.8vw,1.65rem);font-weight:550;letter-spacing:-.025em}.login-form{gap:.9rem}.login-form label{font-weight:500}.login-form input{min-height:3rem}.login-form button{min-height:3.1rem}@media(max-width:1080px){.shell{grid-template-columns:13rem minmax(0,1fr)}.content{padding:1rem}.overview-actions{grid-template-columns:1fr;max-width:42rem}.overview-card{min-height:8rem}.video-filter-bar{grid-template-columns:minmax(14rem,1fr) 9rem 9rem}.login-shell{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.9fr)}}@media(max-width:760px){.shell{display:block}.sidebar{min-height:0;padding:.45rem .7rem;border-right:0;border-bottom:1px solid var(--workspace-line)}.sidebar-brand,.sidebar-label,.sidebar-account{display:none}.sidebar-nav{display:flex;overflow-x:auto;gap:.35rem}.sidebar a:not(.sidebar-brand){min-height:2.3rem;padding:0 .65rem;white-space:nowrap}.sidebar a.active:before{top:auto;right:.55rem;bottom:0;left:.55rem;width:auto;height:.15rem}.workspace-shell{display:block}.topbar{height:3.3rem;padding:0 .8rem}.topbar-context small,.topbar-actions>span{display:none}.content{padding:.7rem}.content-frame{min-height:auto}.panel.workspace-page,.panel.list-page,.panel.settings-page,.panel.client-detail-page{min-height:auto;padding:1rem}.workspace-heading,.panel-header{flex-direction:column}.workspace-heading>.actions{justify-content:flex-start}.list-toolbar,.video-filter-bar{position:static;grid-template-columns:1fr;background:transparent}.table-scroll-region{max-height:54dvh}.table{min-width:65rem}.activity-table{min-width:54rem}.activity-session-table{min-width:62rem}.activity-detail-summary{grid-template-columns:1fr;gap:.85rem}.activity-detail-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination-controls{position:static}.login-page{padding:0}.login-shell{grid-template-columns:1fr;width:100%;min-height:100dvh;border:0;border-radius:0}.login-identity{min-height:14rem;padding:1.5rem}.login-identity-copy{margin:auto 0 0;font-size:1.25rem}.login-identity-visual{width:14rem;right:-1.5rem;bottom:-2rem}.login-card{padding:2rem 1.5rem 3rem}}@media(min-width:761px)and (max-width:1600px){.shell{grid-template-columns:4.75rem minmax(0,1fr)}.sidebar{align-items:stretch;padding:1rem .65rem;overflow:visible}.sidebar-brand{justify-content:center;gap:0}.sidebar-brand>span:last-child,.sidebar-label,.sidebar-account{display:none}.sidebar-nav{gap:.4rem}.sidebar a:not(.sidebar-brand){justify-content:center;min-height:2.8rem;padding:0}.sidebar-nav-icon{display:grid;width:1.65rem;height:1.65rem;place-items:center;color:currentColor;font-size:1rem;line-height:1}.sidebar-nav-text{display:none}.sidebar a:not(.sidebar-brand):after{position:absolute;left:calc(100% + .65rem);z-index:30;padding:.36rem .55rem;border:1px solid #4a5c65;border-radius:.36rem;background:#1b262a;box-shadow:0 .6rem 1.5rem #00000047;color:#e5f1f6;content:attr(data-nav-label);font-size:.78rem;line-height:1.25;opacity:0;pointer-events:none;transform:translate(-.2rem);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.sidebar a:not(.sidebar-brand):hover:after,.sidebar a:not(.sidebar-brand):focus-visible:after{opacity:1;transform:translate(0)}.video-admin-page{height:calc(100dvh - 7rem);min-height:0}.video-admin-page .table-scroll-region{max-height:none}}.login-page{position:relative;isolation:isolate;display:grid;min-height:100dvh;place-items:center;padding:clamp(1rem,3vw,2.5rem);overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(50,135,192,.13),transparent 21rem),#101315}.login-page:before{position:absolute;z-index:-1;width:min(58rem,82vw);aspect-ratio:1;border:1px solid rgba(89,159,206,.12);border-radius:50%;box-shadow:0 0 0 4rem #4987ae09,0 0 0 8rem #4987ae06;content:""}.login-shell{position:relative;z-index:1;display:grid;grid-template-columns:1fr;width:min(100%,31rem);min-height:0;gap:0;padding:clamp(2rem,5vw,3.25rem) clamp(1.35rem,5vw,2.55rem) 2.25rem;border:1px solid #293238;border-radius:.65rem;background:linear-gradient(160deg,#191e20fa,#0f1214fa);box-shadow:0 2.5rem 5rem #00000047}.login-mark{position:relative;width:4rem;height:4rem;margin:0 auto .9rem;border-radius:.55rem;background:#2c98e5;box-shadow:0 .85rem 1.8rem #228bda33}.login-mark:before{position:absolute;top:1.25rem;left:.9rem;width:1.55rem;height:1.15rem;border:2px solid #092437;border-radius:.14rem;content:""}.login-mark:after{position:absolute;top:1.47rem;left:2.55rem;border-style:solid;border-width:.4rem 0 .4rem .58rem;border-color:transparent transparent transparent #092437;content:""}.login-brand{display:block;margin:.25rem 0 0;color:#f3f6f7;text-align:center;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(1.2rem,2.7vw,1.7rem);font-weight:500;letter-spacing:.09em}.login-subtitle{margin:.35rem 0 2rem;color:#98a8af;text-align:center;font-size:.76rem;font-weight:400;letter-spacing:.18em}.login-card{display:block;padding:0;border:0;background:transparent}.login-heading h1{margin:0 0 1.15rem;color:#dce5e8;font-size:.93rem;font-weight:500;letter-spacing:.04em}.login-form{display:grid;gap:.9rem}.login-form label{display:grid;gap:.4rem;color:#cbd6da;font-size:.85rem;font-weight:400}.login-form input{width:100%;min-height:3.25rem;padding:0 .9rem;border:1px solid #46555e;border-radius:.35rem;background:#101417;color:#eff5f6}.login-form button{display:flex;align-items:center;justify-content:space-between;min-height:3.25rem;margin-top:.25rem;padding:0 1rem 0 1.15rem;border:1px solid #2a9ae9;border-radius:.35rem;background:#2c98e5;color:#07151d;font-size:.96rem;font-weight:500}.login-form button span{font-size:1.55rem;line-height:1}@media(max-width:760px){.login-page{padding:1rem}.login-shell{width:min(100%,27rem);min-height:0;padding:2rem 1.25rem;border:1px solid #293238;border-radius:.55rem}.login-brand{font-size:1.25rem}.client-video-page .panel-header{align-items:flex-start}.client-video-page .refresh-button{align-self:flex-start;min-width:7rem;white-space:nowrap}.playback-experience{padding:.75rem}.playback-experience-header{align-items:flex-start;gap:.75rem}.playback-experience-header>div,.playback-canvas,.playback-canvas .client-player,.client-player,.player-controls{min-width:0}.playback-experience-header h1{overflow-wrap:anywhere;font-size:.95rem}.playback-close{flex:0 0 auto}.playback-experience-body{grid-template-rows:minmax(0,1fr) 12rem}.player-control-row{gap:.35rem;padding:.35rem .6rem .6rem}.player-control-group,.player-control-group-end{min-width:0;flex-wrap:nowrap;gap:.35rem}.player-control-group{flex:1}.player-control-group-end{margin-left:auto}.player-time{font-size:.75rem}.player-skip-button,.player-pip-button,.player-volume,.player-rate{display:none}.player-progress{width:calc(100% - 1.2rem);margin:0 .6rem .35rem}.player-seek-feedback{min-width:5.15rem;padding:.5rem .58rem}.player-seek-feedback.back{left:8%}.player-seek-feedback.forward{right:8%}.player-seek-feedback span{font-size:.82rem}.playback-queue-list{grid-template-columns:1fr}.playback-queue-list button{min-width:0}.playback-experience{display:block;overflow-y:auto;padding:0}.playback-experience-header{padding:.9rem 1rem .75rem}.playback-experience-body{display:block;min-height:0}.playback-canvas{width:100%;aspect-ratio:16 / 9;border-radius:0}.playback-canvas .client-player{height:100%}.playback-queue{min-height:0;margin:.85rem;border:1px solid #314047;border-radius:.6rem}.playback-queue h2{margin:0;padding:.8rem .9rem}.playback-queue-list{height:auto;max-height:18rem;padding:0 .55rem .55rem}.playback-queue-list button{grid-template-columns:4.5rem minmax(0,1fr);min-height:3.8rem}.queue-thumbnail{display:block}.player-playlist-button{display:none}}@media(max-width:760px)and (orientation:landscape){.playback-experience{display:block;overflow:hidden}.playback-experience-header{position:absolute;z-index:2;top:0;right:0;left:0;padding:.65rem .9rem;background:linear-gradient(rgba(0,0,0,.72),transparent);pointer-events:none}.playback-experience-header>*{pointer-events:auto}.playback-experience-header h1{max-width:min(65vw,42rem);font-size:.82rem}.playback-experience-header p{display:none}.playback-experience-body{height:100dvh}.playback-canvas{height:100%;aspect-ratio:auto}.player-playlist-button{display:grid}.playback-queue{display:none;position:absolute;z-index:3;right:.75rem;bottom:4.75rem;width:min(66vw,42rem);max-height:calc(100dvh - 6rem);margin:0;box-shadow:0 1rem 2.5rem #0000008c}.playback-experience.playlist-open .playback-queue{display:block}.playback-queue-list{max-height:calc(100dvh - 10rem)}}@media(pointer:coarse)and (orientation:landscape){.playback-experience{display:block;overflow:hidden;padding:0}.playback-experience-header{position:absolute;z-index:2;top:0;right:0;left:0;padding:.65rem .9rem;background:linear-gradient(rgba(0,0,0,.72),transparent);pointer-events:none}.playback-experience-header>*{pointer-events:auto}.playback-experience-header h1{max-width:min(65vw,42rem);font-size:.82rem}.playback-experience-header p{display:none}.playback-experience-body{height:100dvh}.playback-canvas{height:100%;aspect-ratio:auto}.player-control-row{gap:.35rem;padding:.35rem .6rem .6rem}.player-control-group,.player-control-group-end{min-width:0;gap:.35rem}.player-time{font-size:.75rem}.player-pip-button,.player-volume,.player-rate{display:none}.player-playlist-button{display:grid}.playback-queue{position:absolute;z-index:3;right:.6rem;bottom:4.5rem;left:auto;display:block;width:min(66vw,42rem);max-height:min(56dvh,22rem);margin:0;transform:translateY(calc(100% + 5rem));opacity:0;pointer-events:none;box-shadow:0 1rem 2.5rem #0000008c;transition:transform .18s ease,opacity .18s ease}.playback-experience.playlist-open .playback-queue{transform:translateY(0);opacity:1;pointer-events:auto}.playback-queue-list{max-height:calc(min(56dvh,22rem) - 3.4rem)}}@media(pointer:coarse)and (orientation:portrait){.player-control-row{width:100%}.player-control-group-end{flex:0 0 auto;margin-left:auto}}
