:root{color-scheme:dark;--bg:#101014;--surface:#18181e;--line:#2b2b34;--text:#f4f1ed;--muted:#9a98a4;--red:#e33b45;--green:#83c5a1;--font:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a.button{cursor:pointer}button,.button{border:1px solid transparent;border-radius:8px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;text-decoration:none;transition:background .15s}.primary{background:var(--red);color:#fff}.primary:hover{background:#ef515a}.secondary{color:var(--text);background:#23232c;border-color:#353540}.secondary:hover{background:#30303b}.quiet{background:transparent;color:var(--muted);padding:8px 10px}.quiet:hover{color:#fff;background:#262630}.danger{background:#482029;color:#ffa3aa;border-color:#71313d}button:disabled{opacity:.4;cursor:wait}a{color:#f58289}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.25px;font-weight:650;margin-bottom:10px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.65;color:var(--muted)}small,.small{font-size:12px;line-height:1.7}.muted{color:var(--muted)}.hidden{display:none!important}.eyebrow,.nav-label,.breadcrumb,.badge,.app-footer{font-size:10px;letter-spacing:1.8px;font-weight:700}.eyebrow{color:#e66971;display:block;margin-bottom:16px}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:32px 18px 20px;display:flex;flex-direction:column;background:#121216}.brand,.login-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:23px;font-weight:800;letter-spacing:3px}.brand{padding:0 10px 36px}.brand small,.login-brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:5px}.crest{display:grid;place-items:center;width:42px;height:46px;border:1px solid #a22c36;border-radius:7px 7px 18px 18px;color:#ff737b;background:linear-gradient(145deg,#4a1c25,#17151a);font-family:Georgia,serif;font-size:32px;font-style:italic}.nav-label{color:#6f6d7a;display:block;margin:14px 12px 13px;letter-spacing:1.5px;font-size:9px}nav{overflow:auto}nav button{width:100%;justify-content:flex-start;gap:12px;background:transparent;color:#aaa8b3;padding:12px 14px;font-size:12px;font-weight:500;margin:2px 0;border:1px solid transparent}nav button>span{font-size:18px;width:19px;color:#797581}nav button:hover{background:#202026;color:#fff}nav button.active{background:#302025;border-color:#513039;color:#fff}nav button.active>span{color:#f26b75}.sidebar-bottom{margin-top:auto;padding:28px 14px 0;font-size:11px;color:#b9b4c0}.sidebar-bottom small{display:block;margin-top:18px;color:#64606f;font-size:8px;letter-spacing:1.8px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}.workspace{min-width:0}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{color:#a29eab;font-size:9px}.breadcrumb span{margin:0 14px;color:#57515e}.account{display:flex;align-items:center;gap:12px;font-size:12px}main{padding:38px;max-width:1530px;margin:auto}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.page-title .eyebrow{font-size:9px;margin-bottom:10px}.page-title p{font-size:12px;margin-bottom:0}.badge{padding:9px 13px;background:#202027;border:1px solid #353540;border-radius:6px;color:#c8c2ce;font-size:9px;white-space:nowrap}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.stat{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:21px}.stat-label{font-size:10px;color:#aaa4b1;margin-bottom:16px;display:block}.stat strong{font-size:27px;letter-spacing:-1px;font-weight:600;display:block}.stat small{color:#77717e;font-size:10px}.two{grid-template-columns:1.4fr 1fr}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:18px;min-width:0}.card h2{margin-bottom:8px}.card>p{font-size:12px}.hero{padding:32px;border:1px solid #5a2832;border-radius:12px;background:radial-gradient(ellipse at 90% 10%,#6e202b55,transparent 60%),#1c181e;position:relative;margin-bottom:22px;overflow:hidden}.hero::after{content:'L';position:absolute;right:30px;top:-45px;font-family:Georgia,serif;font-size:220px;font-style:italic;color:#d8485010;pointer-events:none}.hero h2{font-size:27px;max-width:600px}.hero p{max-width:640px;font-size:12px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.actions button{font-size:12px}.step{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.step:last-child{border:0}.step>span{color:#f17780;font-size:11px;line-height:23px}.step h3{font-size:12px;margin-bottom:4px}.step p{font-size:11px;margin:0}.notice{padding:15px 17px;background:#282127;border:1px solid #5e343d;border-radius:7px;color:#d9b5bd;line-height:1.65;font-size:12px;margin:15px 0;overflow-wrap:anywhere}.notice.error{color:#ffb7bc;border-color:#943640;background:#3c1c26}.notice.success{border-color:#34594c;color:#afd9bf;background:#1d2b26}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field>span,.field>label{color:#c8c2cf;font-size:11px}.field small{color:#817b8a;font-size:10px}input,textarea,select{border:1px solid #383440;border-radius:7px;padding:11px 12px;background:#121217;color:#eee9f0;width:100%;min-width:0}input:focus,textarea:focus,select:focus{border-color:#bd4656;outline:1px solid #bd4656}textarea{resize:vertical;min-height:95px;line-height:1.7}textarea[dir=rtl],input[dir=rtl]{font-family:Tahoma,Arial,sans-serif;font-size:14px}.json-editor{font-family:Consolas,monospace;font-size:12px;min-height:340px;direction:ltr}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:22px;flex-wrap:wrap}.tabs button{font-size:11px;background:#202027;color:#bcb4c5;padding:9px 13px}.tabs button.active{background:#47252e;color:#ffb9bf}.editor-row{padding:15px;background:#141419;border:1px solid var(--line);border-radius:9px;margin-bottom:12px}.role-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.row-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.row-title h3{margin:0;font-size:12px}.color-input{height:42px;padding:5px;width:70px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{padding:0;overflow:hidden}.media-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#232029;display:block}.media-info{padding:20px}.media-info p{font-size:11px}.media-info input{font-size:11px}.preview{direction:rtl;font-family:Tahoma,Arial,sans-serif;border-left:3px solid var(--red);background:#24232b;padding:22px;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;color:#e5dfe7;font-size:13px;min-height:160px}.preview-title{font-weight:bold;font-size:17px;margin-bottom:10px;color:white}.tag{display:inline-block;padding:5px 9px;border:1px solid #3c3543;border-radius:5px;font-size:10px;color:#ada5b9;margin:2px}.log{font:11px/1.9 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#111115;border:1px solid var(--line);border-radius:7px;padding:18px;max-height:520px;overflow:auto}.log .error{color:#ff929c}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:10px 38px 24px;color:#686170;font-size:8px;letter-spacing:1px}.toast{position:fixed;bottom:25px;right:25px;z-index:100;background:#25372f;border:1px solid #537d66;color:#e0f8e9;border-radius:8px;padding:15px 22px;max-width:min(500px,90vw);box-shadow:0 10px 40px #0008;font-size:12px;line-height:1.7}.toast.error{background:#3e222b;border-color:#963d50;color:#ffd3d8}dialog{border:1px solid #70404b;border-radius:12px;background:#1a171e;color:var(--text);padding:30px;width:min(620px,94vw);max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}#confirm-body{max-height:50vh;overflow:auto;font-size:13px;line-height:1.7;white-space:pre-wrap}.login{min-height:100vh;padding:45px 7vw;background:radial-gradient(ellipse at 85% 0%,#6c253130,transparent 60%),linear-gradient(115deg,#141218,#101014);position:relative}.login::after{content:'LOST';position:absolute;right:5vw;bottom:70px;writing-mode:vertical-rl;font:italic 170px Georgia,serif;color:#ffffff03;pointer-events:none}.login-card{max-width:590px;margin:100px auto 80px}.login-card h1{font-size:58px;line-height:1.12;letter-spacing:-2.4px}.login-card>p{max-width:470px;font-size:15px;margin:24px 0}.login-card .button{justify-content:space-between;min-width:300px;margin:6px 0 10px}.login footer{display:flex;justify-content:space-between;color:#716674;font-size:9px;letter-spacing:2px}details{margin:18px 0}summary{cursor:pointer;color:#b7a9bd;font-size:12px}.empty{text-align:center;padding:36px;color:var(--muted);border:1px dashed #443645;border-radius:8px}code{font-family:Consolas,monospace;color:#ffb1b9;overflow-wrap:anywhere}pre{background:#111116;border:1px solid var(--line);border-radius:7px;padding:18px;white-space:pre-wrap;line-height:1.8;font-size:12px}.checkbox{display:flex;align-items:center;gap:10px;margin:15px 0}.checkbox input{width:18px;height:18px;accent-color:var(--red)}.wide{grid-column:1/-1}.file-state{font-size:11px;color:var(--green);min-height:20px;margin-top:9px}.event-days{display:flex;gap:10px;flex-wrap:wrap}.event-days label{display:flex;gap:5px;font-size:11px;align-items:center}.event-days input{width:auto}.loading{color:var(--muted);padding:40px;text-align:center}
@media(max-width:1050px){.shell{grid-template-columns:210px 1fr}main{padding:28px}header{padding:0 28px}.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.brand{font-size:21px}.hero h2{font-size:24px}}@media(max-width:720px){.shell{display:block}aside{height:auto;position:relative;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding-bottom:14px}.sidebar-bottom,aside>.nav-label,nav>.nav-label{display:none}nav{display:flex;overflow:auto;gap:5px}nav button{width:auto;white-space:nowrap;padding:9px 12px}header{height:62px;padding:0 20px}.breadcrumb{font-size:8px}.account{font-size:10px}main{padding:25px 18px}.page-title{align-items:flex-start}h1{font-size:28px}.form-grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px}.stat strong{font-size:23px}.card{padding:20px}.hero{padding:25px}.login-card{margin-top:70px}.login-card h1{font-size:44px}.login footer span{display:none}.app-footer{padding:10px 18px 20px;display:block}.app-footer span{display:block;margin-bottom:8px}.badge{padding:8px}.brand .crest{width:33px;height:36px;font-size:26px}}
html[dir=rtl]{font-family:Tahoma,'Segoe UI',Arial,sans-serif}html[dir=rtl] .shell{grid-template-columns:244px minmax(0,1fr)}html[dir=rtl] aside{border-right:0;border-left:1px solid var(--line)}html[dir=rtl] .eyebrow,html[dir=rtl] .nav-label,html[dir=rtl] .breadcrumb,html[dir=rtl] .badge,html[dir=rtl] .app-footer{letter-spacing:0}html[dir=rtl] h1{letter-spacing:0;line-height:1.5}html[dir=rtl] .hero::after{right:auto;left:30px}html[dir=rtl] .toast{right:auto;left:25px}html[dir=rtl] .live-dot{margin-right:0;margin-left:8px}html[dir=rtl] .login::after{right:auto;left:5vw}html[dir=rtl] .login-card h1{letter-spacing:0;line-height:1.5}html[dir=rtl] input[type=url],html[dir=rtl] input[type=password],html[dir=rtl] input[type=number],html[dir=rtl] input[type=time],html[dir=rtl] .json-editor,html[dir=rtl] pre,html[dir=rtl] code,html[dir=rtl] .log{direction:ltr;text-align:left;unicode-bidi:plaintext}html[dir=rtl] .brand,html[dir=rtl] .login-brand{letter-spacing:0}html[dir=rtl] .brand small,html[dir=rtl] .login-brand small{letter-spacing:0;font-size:10px}@media(max-width:1050px){html[dir=rtl] .shell{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:720px){html[dir=rtl] .shell{display:block}html[dir=rtl] aside{border-left:0}}
