:root{color-scheme:dark;--gold:#ffd000;--muted:#adb1b7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#050607 url('/assets/clients-page-space.webp') center top/100% auto no-repeat fixed;color:#f5f5f5;font:15px/1.65 Inter,Tahoma,Arial,sans-serif}body:before{content:'';position:fixed;inset:0;background:#0009;z-index:-1}button,input,select{font:inherit}button,a.file-button,.file-button{cursor:pointer}button,.file-button{display:inline-block;border:1px solid #ffd00050;border-radius:10px;background:#141516;color:#eee;padding:9px 15px;text-align:center}button:hover,.file-button:hover{border-color:var(--gold)}button:disabled{opacity:.55;cursor:wait}button.gold{background:var(--gold);color:#090909;font-weight:700;border-color:var(--gold)}a{color:var(--gold);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input:not([type=checkbox]),select{display:block;width:100%;min-width:0;background:#070809;color:#eee;border:1px solid #ffffff30;border-radius:9px;padding:11px 12px;margin-top:6px}input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px}label{display:block;font-size:14px}label+label{margin-top:12px}form{display:grid;gap:16px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,40px);line-height:1.3;margin-bottom:12px}h2{font-size:20px;line-height:1.4;margin-bottom:18px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--gold);margin-bottom:12px}.muted{color:var(--muted);font-size:13px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#070809ed;border-bottom:1px solid #ffffff16;padding:18px 4vw}.brand{direction:ltr;font-weight:800;color:#fff;font-size:21px;line-height:1.3}.brand span{color:var(--gold)}.brand small{font-size:12px;display:block;color:#aaa;direction:rtl;margin-top:4px}.admin-header>div{display:flex;align-items:center;gap:20px}main{max-width:1500px;padding:28px 4vw 70px;margin:auto}.panel{padding:24px;background:#090b0eed;border:1px solid #ffffff1c;border-radius:17px;margin-bottom:20px}.auth{max-width:470px;margin:7vh auto}.auth button{width:100%}.auth h1{font-size:32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0}.intro p{color:#ccc}.safe-note{background:#ffd0000b;color:#eadba0;border:1px solid #ffd00030;padding:14px 20px;border-radius:10px;margin-bottom:26px;font-size:13px}.admin-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}.admin-layout aside{position:sticky;top:20px;max-height:85vh;overflow:auto;padding:18px}#clientList{display:grid;gap:6px}#clientList button{width:100%;text-align:right;border-color:transparent;background:transparent;padding:11px}#clientList button[aria-current=true]{background:#ffd00012;border-color:#ffd00080;color:var(--gold)}#clientList small{display:block;font-size:11px;color:#9ea2a8}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:18px}#currentCover{width:200px;height:130px;object-fit:contain;border-radius:9px;background:#111}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields>label{margin:0}.checks,.actions,.section-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.checks label,.check{display:flex;gap:9px;align-items:center;margin:0}.section-top{justify-content:space-between;margin-bottom:16px}.section-top h2{margin:0}.media-tabs{display:flex;gap:9px;margin-bottom:16px;flex-wrap:wrap}.media-tabs [aria-pressed=true]{color:#080808;background:var(--gold)}.media-library,.picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.media-item{border:1px solid #ffffff22;border-radius:12px;overflow:hidden;background:#0b0d10;min-width:0}.media-item.is-hidden{border-style:dashed;opacity:.7}.media-thumb{position:relative;width:100%;aspect-ratio:1.35;display:grid;place-items:center;background:#070809;border:0;border-radius:0;padding:0;color:var(--gold)}.media-thumb img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.play{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#000b;border:1px solid #ffd00070}.media-details{padding:12px}.media-details p{font-size:13px;margin-bottom:8px;overflow-wrap:anywhere}.media-details small{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.media-details button{font-size:12px;padding:6px 10px}.media-details .actions{gap:7px}.empty{text-align:center;padding:70px 20px}.badge{color:var(--gold)!important}#notice:empty{display:none}#notice{position:sticky;top:10px;z-index:10;background:#16251b;border:1px solid #62b87d;color:#e5ffe9;border-radius:10px;padding:13px 20px;margin-bottom:20px}#notice.error{background:#30191a;border-color:#d76b6b;color:#ffdada}progress{width:100%;accent-color:var(--gold)}dialog{width:min(1000px,94vw);max-height:88vh;background:#0a0c0f;color:#fff;border:1px solid #ffd00055;border-radius:16px;padding:24px}dialog::backdrop{background:#000c}#createDialog{max-width:520px}.picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.picker-grid button{padding:8px;min-width:0}.picker-grid img{width:100%;aspect-ratio:1;object-fit:contain}.picker-grid small{display:block;overflow-wrap:anywhere}#mediaPreviewContent img,#mediaPreviewContent video{display:block;width:100%;max-height:68vh;object-fit:contain}#mediaPreviewContent iframe{width:100%;height:min(65vh,600px);border:0;border-radius:10px}.drive-note{font-size:12px;color:#ccc}#moreMedia,#morePicker{margin-top:20px}.file-button:focus-within{outline:2px solid var(--gold)}
@media(max-width:1050px){.admin-layout{grid-template-columns:220px minmax(0,1fr)}.media-library{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.admin-header{align-items:start;padding:16px}.admin-header>div{gap:10px;font-size:12px;flex-wrap:wrap;justify-content:end}.brand{font-size:17px}main{padding:18px 16px 45px}.intro{align-items:start;flex-direction:column;gap:4px}.admin-layout{display:block}.admin-layout aside{position:static;max-height:290px}.fields{grid-template-columns:1fr}.editor-head{align-items:start}#currentCover{width:110px;height:100px}.checks{gap:18px}.media-library{gap:10px}.media-details{padding:9px}.media-details .actions button{width:100%}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-top{gap:12px}.safe-note{padding:12px}.auth{margin-top:4vh}.panel h2{font-size:18px}}
