dialog{color:var(--text);background:#111b21;border:1px solid #344553;border-radius:12px;padding:35px;max-height:90dvh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030b10db;backdrop-filter:blur(10px)}dialog[open]{animation:dialog-in .2s ease-out}body:has(dialog[open]){overflow:hidden}.close-dialog{position:absolute;right:14px;top:10px;border:0;background:#1b292c;border-radius:50%;width:34px;height:34px;font-size:24px;color:#a9cce5;z-index:10;line-height:1}.small-dialog{width:460px;padding:42px 30px 25px}.small-dialog h2{font-size:25px;margin:13px 0}.small-dialog p{font-size:14px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#9dbed7;margin:16px 0}.field input,.field textarea,.field select{background:#0b1419;border:1px solid #30404e;color:var(--text);padding:11px 13px;border-radius:5px;width:100%;font-size:15px;min-width:0}.field textarea{resize:vertical;min-height:110px}.field small,.hint{font-size:12px;color:#708ea6}.full{width:100%}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#88cdff;color:#121b23;padding:12px 24px;font-size:14px;border-radius:6px;z-index:100;box-shadow:0 8px 30px #0005;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.detail-dialog{width:900px;padding:0;overflow:auto}.detail-media{background:#060d11;min-height:280px;display:grid;place-items:center;position:relative}.detail-media img{width:100%;max-height:60dvh;object-fit:contain}.detail-media video{width:100%;max-height:65dvh;background:#000}.detail-body{padding:28px 35px}.detail-body h2{margin:8px 0 15px;font-size:28px}.detail-body p{white-space:pre-line;color:#91b1ca;font-size:16px;line-height:1.9}.detail-meta{font-size:12px;letter-spacing:1px;color:var(--lime)}.detail-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.secondary{background:#192734;border-color:#344859;color:#a3d3fb}.sample-note{padding:13px 16px;border:1px solid #324658;border-radius:5px;color:#86b3da;font-size:13px;margin-top:20px;background:#172028}.doc-stage{min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 0%,#2d4052,#101c20);padding:50px 20px}.doc-icon{font-size:38px;color:var(--lime);border:1px solid #4d6981;padding:18px 27px;border-radius:6px;font-weight:700;font-family:Arial,sans-serif}.doc-stage p{color:#7a99b2;font-size:13px}.admin-dialog{width:960px;padding:35px;overflow:auto}.login-box{max-width:390px;margin:15px auto}.login-box h2{font-size:28px;margin:12px 0}.login-box>p{font-size:14px;color:var(--muted)}.admin-title{display:flex;align-items:center;justify-content:space-between;margin-right:25px}.admin-title h2{font-size:25px;margin:0}.admin-title p{font-size:12px;color:var(--muted);margin:4px 0 0}.logout{background:transparent;border:1px solid #344453;border-radius:4px;font-size:12px;padding:7px 12px}.admin-tabs{display:flex;gap:8px;margin:22px 0;border-bottom:1px solid var(--line);padding-bottom:14px}.admin-tabs button{border:0;background:transparent;padding:8px 15px;color:#90afc6;border-radius:4px;font-size:14px}.admin-tabs .active{background:var(--lime);color:#111d28}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:12px}.admin-toolbar p{font-size:13px;color:#86a6bf}.admin-toolbar .button{padding:9px 16px;font-size:13px}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-row{display:flex;align-items:center;gap:14px;padding:12px;background:#17242a;border:1px solid #253542;border-radius:5px}.admin-row img{width:82px;height:54px;object-fit:cover;border-radius:3px}.admin-row-info{flex:1;min-width:0}.admin-row-info strong{font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row-info small{font-size:11px;color:#7b9db8}.admin-row button{background:transparent;border:1px solid #394f62;border-radius:4px;padding:6px 10px;font-size:12px}.admin-row .delete{border-color:#65514a;color:#d9b1a4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.span-2{grid-column:1/-1}.upload-zone{padding:20px;border:1px dashed #45637d;border-radius:6px;background:#151f28;margin:7px 0 10px;cursor:pointer;display:block;text-align:center;color:#91c7f6}.upload-zone strong{display:block;font-size:15px}.upload-zone small{display:block;font-size:12px;color:#749ab9;margin-top:5px}.upload-zone input{display:block;max-width:100%;margin:12px auto 0;font-size:12px;color:#79a1c3}.upload-preview{height:105px;max-width:200px;object-fit:cover;border-radius:5px;margin-top:12px}.upload-progress{font-size:13px;color:var(--lime);margin:5px 0;min-height:24px}.form-actions{display:flex;gap:12px;margin-top:22px}.form-actions .button{font-size:14px;padding:11px 20px}.form-error{font-size:13px;color:#ffb8a0;min-height:22px;margin:8px 0}.password-section{margin-top:36px;border-top:1px solid var(--line);padding-top:18px}.password-section h3{font-size:18px}.warning-note{padding:12px 15px;background:#16222e;border:1px solid #5b5b36;color:#d0d3a3;font-size:12px;border-radius:5px}.confirm-dialog h2{font-size:23px}.confirm-dialog .detail-actions{justify-content:end}
.video-play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:1px solid #d7f4ff99;background:linear-gradient(145deg,#d8f5ff44,#163249bb);color:#fff;box-shadow:0 0 40px #72c9ff44,inset 0 1px 12px #ffffff33;backdrop-filter:blur(12px);cursor:pointer;font-size:28px;display:grid;place-items:center;transition:background .2s,box-shadow .2s}.video-play-overlay span{margin-left:5px}.video-play-overlay:hover{background:#538cadb3;box-shadow:0 0 50px #72c9ff66}.video-play-overlay[hidden]{display:none}.video-tools{padding:0 28px;margin-top:0}.video-tools .field{min-width:180px}