:root{--bg:#0b0807;--bg2:#120e0c;--raise:#17120f;--ink:#f6efe8;--muted:#a3968b;--line:rgba(255,236,214,.08);--soft:rgba(255,236,214,.05);--brand:#ffb547;--brand-ink:#1d1102;--brand2:#ff7a59;--violet:#ff5f8f;--spark:#ffb547;--ok:#5fd59a;--bad:#ff6b6b;--f-display:"IBM Plex Sans Arabic",system-ui,sans-serif;--f-body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;--f-mono:"Space Grotesk","JetBrains Mono",ui-monospace,sans-serif;--ease:cubic-bezier(.2,0,0,1);--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px -10px rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15.5px/1.7 var(--f-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}h1,h2,h3{margin:0;line-height:1.25;text-wrap:balance}h1,h2{font-family:var(--f-display);font-weight:700;letter-spacing:-.015em}h3{font-family:var(--f-body);font-weight:700;font-size:16px}p{margin:0}.mono{font-family:var(--f-mono);direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.container{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.eyebrow{font:600 12.5px var(--f-body);letter-spacing:.06em;color:var(--brand)}.logo{display:inline-flex;align-items:center;gap:3px;text-decoration:none;font:700 22px/1 var(--f-display);color:var(--ink)}.logo .mk{width:30px;height:30px;margin-inline-end:6px;flex:none}.logo b{font:700 24px/1 var(--f-mono);color:var(--brand);text-shadow:0 0 18px color-mix(in srgb,var(--brand) 60%,transparent)}.btn{appearance:none;border:1px solid transparent;border-radius:10px;padding:0 18px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px var(--f-body);cursor:pointer;text-decoration:none;white-space:nowrap;transition-property:background-color,border-color,color,scale,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}.btn:not(:disabled):active{scale:.96}.btn-primary,.btn-brand{background:var(--brand);color:var(--brand-ink)}.btn-ghost{background:#ffffff08;border-color:var(--line);color:var(--ink)}.btn-text{background:transparent;color:var(--muted);padding:0 10px}.btn-danger{background:transparent;border-color:color-mix(in srgb,var(--bad) 45%,transparent);color:var(--bad)}@media(hover:hover){.btn-primary:hover,.btn-brand:hover{box-shadow:0 10px 30px -10px var(--brand)}.btn-ghost:hover{background:#ffffff12}.btn-text:hover{color:var(--ink)}}.btn-sm{height:36px;padding:0 13px;font-size:14px;border-radius:9px}.btn[disabled]{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label:first-child{font-weight:600;font-size:13.5px}.input,textarea.input,select.input{width:100%;border:1px solid var(--line);background:var(--raise);color:var(--ink);border-radius:10px;padding:10px 13px;font:15px var(--f-body);min-height:44px;transition:border-color .15s ease-out}textarea.input{resize:vertical;min-height:80px;line-height:1.6}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.hint{font-size:12.5px;color:var(--muted)}.error-msg{color:var(--bad);font-size:13.5px;font-weight:600;min-height:1.2em}.prefix-input{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;background:var(--raise);overflow:hidden;direction:ltr;min-height:44px}.prefix-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.prefix-input span{display:flex;align-items:center;padding:0 2px 0 13px;color:var(--muted);font:500 14px var(--f-mono);white-space:nowrap}.prefix-input input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:600 15px var(--f-mono);padding:8px 13px 8px 0;outline:none}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:700;line-height:1.7}.badge-pro{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}.badge-free{background:var(--soft);color:var(--muted)}.badge-ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.badge-bad{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));translate:-50% 12px;opacity:0;pointer-events:none;z-index:60;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;font-weight:600;max-width:calc(100% - 32px);transition-property:opacity,translate;transition-duration:.2s;transition-timing-function:var(--ease)}.toast.show{opacity:1;translate:-50% 0}.toast.bad{background:var(--bad);color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:20px}.nav-actions{display:flex;gap:6px;align-items:center}@media(max-width:520px){.nav .hide-sm{display:none}}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-block:36px 72px}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:16px 56px}}.hero h1{font-size:clamp(40px,7vw,80px);line-height:1.08}.hero h1 span,.grad{background:linear-gradient(120deg,var(--brand),var(--brand2) 50%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{font-size:18px;color:var(--muted);max-width:44ch;margin-top:18px}.url-line{margin-top:30px;direction:ltr;text-align:right;font:600 clamp(22px,3.6vw,38px)/1.2 var(--f-mono);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-line .host{color:var(--muted)}.url-line .slash{color:var(--brand)}.url-line .name{color:var(--ink)}.url-line .caret{display:inline-block;width:.08em;height:.95em;background:var(--spark);vertical-align:-.12em;margin-left:2px}@media(prefers-reduced-motion:no-preference){.url-line .caret{animation:blink 1s steps(1) infinite}}@keyframes blink{50%{opacity:0}}.claim{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;max-width:540px}.claim .prefix-input{flex:1 1 250px;min-height:52px}.claim .btn{height:52px;padding:0 22px}.claim-note{margin-top:10px;font-size:13.5px;color:var(--muted)}.stage{justify-self:center;width:min(330px,100%);display:flex;flex-direction:column;align-items:center;gap:16px}.device{width:100%;border-radius:46px;padding:11px;background:#050403;box-shadow:0 40px 90px -30px color-mix(in srgb,var(--brand) 30%,transparent),0 0 0 1px var(--line)}.device-screen{position:relative;width:100%;aspect-ratio:390/844;border-radius:36px;overflow:hidden;background:#000;--s:.75}.device-screen>.screen{position:absolute;top:0;left:0;width:390px;height:844px;border:0;transform:scale(var(--s));transform-origin:top left;overflow-y:auto;scrollbar-width:none;background:#000}.device-screen>.screen::-webkit-scrollbar{display:none}.device-screen .pf{min-height:844px}.theme-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.theme-chips button{appearance:none;width:32px;height:32px;background-size:cover!important;border-radius:50%;border:2px solid var(--bg);outline:1px solid rgba(255,255,255,.18);cursor:pointer;padding:0;transition:scale .15s ease-out}.theme-chips button[aria-pressed=true]{outline:2px solid var(--ink)}.theme-chips button:active{scale:.96}.stage .hint{text-align:center}.band{padding-block:72px;border-top:1px solid var(--line)}.band-head{display:flex;flex-direction:column;gap:10px;margin-bottom:36px;max-width:640px}.band h2{font-size:clamp(30px,4.4vw,46px)}.band .sub{color:var(--muted);font-size:16.5px}.anatomy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}@media(max-width:860px){.anatomy{grid-template-columns:minmax(0,1fr);gap:32px}}.specimen{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--brand) 12%,transparent),transparent 70%),var(--raise);box-shadow:0 0 0 1px var(--line),0 30px 60px -30px #000c;border-radius:22px;padding:44px 28px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.specimen .lk-big{display:flex;flex-direction:column;align-items:center;border:2px solid var(--brand);border-radius:16px;padding:16px;color:var(--ink);font:700 19px var(--f-body)}.specimen .lk-big i{font:500 12.5px var(--f-mono);font-style:normal;opacity:.65;direction:ltr}.specimen .lk-big.dim{opacity:.35}.specimen .mark{position:relative}.specimen .mark:after{content:attr(data-n);position:absolute;top:-10px;inset-inline-start:-10px;width:26px;height:26px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font:700 13px/26px var(--f-mono);text-align:center}.notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px;counter-reset:n}.notes li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;counter-increment:n}.notes li:before{content:"0" counter(n);width:30px;height:30px;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 50%,transparent);color:var(--brand);display:grid;place-items:center;font:700 13px var(--f-mono)}.notes b{display:block;font-size:17px;margin-bottom:2px}.notes span{color:var(--muted)}.notes code{font:500 13px var(--f-mono);background:#ffffff0f;padding:1px 6px;border-radius:5px;direction:ltr;unicode-bidi:isolate}.compare-wrap{overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}.compare th,.compare td{padding:16px 14px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}.compare thead th{font-size:13px;color:var(--muted);font-weight:600;border-bottom:1px solid rgba(255,255,255,.2)}.compare thead th.us{color:var(--brand)}.compare td:first-child{font-weight:700;width:30%}.compare td.us{color:var(--ink)}.compare td.them{color:var(--muted)}.compare .y:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand);margin-inline-end:8px;vertical-align:1px}.compare .n:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--muted);margin-inline-end:8px;vertical-align:1px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;max-width:860px;background:var(--raise)}@media(max-width:680px){.plans{grid-template-columns:minmax(0,1fr)}}.plan{padding:30px;display:flex;flex-direction:column;gap:18px}.plan+.plan{border-inline-start:1px solid var(--line)}@media(max-width:680px){.plan+.plan{border-inline-start:0;border-top:1px solid var(--line)}}.plan .price{font:700 44px/1 var(--f-mono);letter-spacing:-.03em;display:flex;align-items:baseline;gap:8px;direction:rtl}.plan .price small{font:500 14px var(--f-body);color:var(--muted);letter-spacing:0}.plan.pro .price{color:var(--brand)}.plan.pro{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--brand) 10%,transparent),transparent 65%)}.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.plan li{padding-inline-start:20px;position:relative}.plan li:before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:8px;height:2px;background:var(--brand)}.plan .btn{margin-top:auto}.cta-band{padding-block:80px;border-top:1px solid var(--line);text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}.cta-band h2{font-size:clamp(32px,5vw,56px)}.cta-band .claim{justify-content:center}.foot{padding-block:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}@media(prefers-reduced-motion:no-preference){.aos{opacity:0;transform:translateY(14px);filter:blur(4px)}.aos.in{opacity:1;transform:none;filter:none;transition-property:opacity,transform,filter;transition-duration:.6s;transition-timing-function:var(--ease);transition-delay:var(--d,0ms)}}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:860px){.auth{grid-template-columns:minmax(0,1fr)}.auth-side{display:none}}.auth-main{display:flex;flex-direction:column;justify-content:center;padding-block:40px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.auth-form{width:min(400px,100%);margin:0 auto;display:flex;flex-direction:column;gap:18px}.auth-form h1{font-size:38px;margin-top:18px}.auth-switch{font-size:14px;color:var(--muted)}.auth-switch a{color:var(--brand);font-weight:700;text-decoration:none}.auth-side{background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 60%),var(--raise);border-inline-start:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:48px;gap:20px}.auth-side .big{direction:ltr;text-align:right;font:600 clamp(22px,2.6vw,32px)/1.3 var(--f-mono)}.auth-side .big .slash{color:var(--brand)}.auth-side p{opacity:.75;max-width:36ch}body.app:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:20;background:var(--bg)}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#0b08079e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}.mylink{display:flex;align-items:center;gap:4px;min-width:0;direction:ltr;font:600 14px var(--f-mono)}.mylink a{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mylink a .slash{color:var(--brand)}.mylink .host{color:var(--muted)}@media(max-width:640px){.mylink{display:none}}.dash{display:grid;grid-template-columns:180px minmax(0,1fr) 320px;gap:36px;padding-block:28px 72px;align-items:start}@media(max-width:1180px){.dash{grid-template-columns:170px minmax(0,1fr)}.preview-col{display:none}}@media(max-width:760px){.dash{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:12px 64px}}.tabs{display:flex;flex-direction:column;gap:2px;position:sticky;top:88px}.tab{appearance:none;background:none;border:0;border-radius:9px;padding:9px 12px;font:600 14.5px var(--f-body);color:var(--muted);cursor:pointer;text-align:start;transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-out}@media(hover:hover){.tab:hover{color:var(--ink)}}.tab[aria-selected=true]{background:var(--soft);color:var(--ink)}@media(max-width:760px){.tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;position:static;border-bottom:1px solid var(--line);gap:0;margin-inline:-4px}.tab{border-radius:0;border-bottom:2px solid transparent;white-space:nowrap;padding:10px 12px}.tab[aria-selected=true]{background:none;border-bottom-color:var(--brand)}}.panel{display:flex;flex-direction:column}.page-title{font:400 32px/1.2 var(--f-display);margin-bottom:6px}.box{display:flex;flex-direction:column;gap:14px;padding-block:22px;border-top:1px solid var(--line)}.panel>.box:first-child,.panel>.page-head+.box{border-top:0;padding-top:8px}.box h3{font-size:15px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.row>.field{flex:1 1 200px}.links{display:flex;flex-direction:column;gap:8px;padding-top:6px}.link-row{background:var(--raise);border:1px solid var(--line);border-radius:12px;padding:10px 10px 10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;transition-property:opacity,border-color;transition-duration:.15s;transition-timing-function:ease-out}.link-row.dragging{opacity:.4}.link-row.off .link-main{opacity:.5}.grip{display:flex;flex-direction:column;align-items:center;cursor:grab;color:var(--muted)}.grip button{appearance:none;border:0;background:none;color:var(--muted);cursor:pointer;padding:3px 6px;display:grid;place-items:center;border-radius:6px}.grip button:disabled{opacity:.25;cursor:default}@media(hover:hover){.grip button:not(:disabled):hover{color:var(--ink);background:var(--soft)}}.link-main{min-width:0;display:flex;flex-direction:column}.link-main input{border:1px solid transparent;background:transparent;color:var(--ink);border-radius:7px;padding:3px 8px;width:100%;min-width:0;transition:border-color .15s ease-out}@media(hover:hover){.link-main input:hover{border-color:var(--line)}}.link-main input:focus{outline:none;border-color:var(--brand);background:var(--bg)}.link-main .t{font:700 15px var(--f-body)}.link-main .u{font:13px var(--f-mono);color:var(--muted);direction:ltr;text-align:left}.link-side{display:flex;align-items:center;gap:10px}.clicks{font:600 13px var(--f-mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:3ch;text-align:end}.clicks small{font:500 11px var(--f-body)}@media(max-width:480px){.clicks{display:none}}.switch{position:relative;width:38px;height:22px;flex:none}.switch input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0;z-index:1}.switch span{position:absolute;inset:0;border-radius:99px;background:var(--line);transition:background-color .15s ease-out;pointer-events:none}.switch span:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:translate .15s ease-out}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{translate:-16px 0}.switch input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.icon-btn{appearance:none;border:0;background:transparent;color:var(--muted);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:color .15s ease-out,background-color .15s ease-out}@media(hover:hover){.icon-btn:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}}.empty{border:1px dashed var(--line);border-radius:12px;padding:28px;text-align:center;color:var(--muted)}.avatar-edit{display:flex;align-items:center;gap:16px}.avatar-edit .av{width:64px;height:64px;border-radius:50%;background:var(--soft) center/cover;flex:none;display:grid;place-items:center;font:400 26px var(--f-display);color:var(--muted)}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.theme-card{appearance:none;border:0;padding:0;background:none;color:var(--ink);text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:7px}.theme-card .sw{aspect-ratio:4/3;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px;outline:1px solid var(--line);outline-offset:-1px;transition:outline-color .15s ease-out}.theme-card[aria-pressed=true] .sw{outline:2px solid var(--brand);outline-offset:3px}.theme-card .sw i{display:block;height:11px;border-radius:6px}.theme-card .nm{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13.5px}.custom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:560px){.custom-grid{grid-template-columns:minmax(0,1fr)}}.color-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:5px 10px;background:var(--raise);min-height:44px}.color-field input[type=color]{width:30px;height:30px;border:0;padding:0;background:none;cursor:pointer;border-radius:6px}.seg{display:flex;background:var(--soft);border-radius:10px;padding:3px;gap:2px}.seg button{flex:1;appearance:none;border:0;background:transparent;color:var(--muted);padding:7px 8px;font:600 13px var(--f-body);cursor:pointer;border-radius:8px;white-space:nowrap;transition:background-color .15s ease-out,color .15s ease-out}.seg button[aria-pressed=true]{background:#ffffff1a;color:var(--ink)}.seg button:disabled{opacity:.45;cursor:not-allowed}.locked{opacity:.55;pointer-events:none}.upsell{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-radius:14px;padding:14px 16px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%),var(--raise);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent)}.upsell b{color:var(--brand)}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--raise)}.kpi{padding:16px 18px}.kpi+.kpi{border-inline-start:1px solid var(--line)}@media(max-width:520px){.kpis{grid-template-columns:minmax(0,1fr)}.kpi+.kpi{border-inline-start:0;border-top:1px solid var(--line)}}.kpi b{display:block;font:700 28px/1.2 var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi span{font-size:13px;color:var(--muted)}.chart{width:100%;height:auto;display:block}.chart-wrap{overflow-x:auto}.legend{display:flex;gap:16px;font-size:13px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px}.bar-list{display:flex;flex-direction:column;gap:12px}.bar-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;font-size:14px}.bar-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-item .bar{grid-column:1/-1;height:6px;border-radius:4px;background:var(--soft);overflow:hidden}.bar-item .bar i{display:block;height:100%;background:var(--brand);border-radius:4px}.bar-item b{font:600 13.5px var(--f-mono);font-variant-numeric:tabular-nums}.preview-col{position:sticky;top:88px;display:flex;flex-direction:column;gap:10px}.preview-phone{width:100%;border-radius:44px;padding:10px;background:#050403;box-shadow:0 0 0 1px var(--line)}.preview-col .hint{text-align:center}.qr-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}#qrBox{width:150px;height:150px;background:#fff;border-radius:12px;padding:10px;flex:none}#qrBox img,#qrBox canvas{width:100%!important;height:100%!important}.admin-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--raise);margin-bottom:26px}.admin-kpis .kpi{border-inline-start:1px solid var(--line);margin-inline-start:-1px}.ab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}@media(max-width:600px){.ab{grid-template-columns:minmax(0,1fr)}}.ab-card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--raise);display:flex;flex-direction:column;gap:6px}.ab-card .rate{font:700 30px var(--f-mono);font-variant-numeric:tabular-nums}.ab-card.win{border-color:var(--brand)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--raise)}table.users{border-collapse:collapse;width:100%;min-width:860px;font-size:14px}table.users th,table.users td{padding:11px 14px;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}table.users th{font-size:12.5px;color:var(--muted);font-weight:600}table.users td.num{font:500 13.5px var(--f-mono);font-variant-numeric:tabular-nums}table.users tr:last-child td{border-bottom:0}.actions{display:flex;gap:4px;flex-wrap:wrap}.modal-back{position:fixed;inset:0;background:#060c0a8c;display:grid;place-items:center;z-index:50;padding:16px;overscroll-behavior:contain}.modal{width:min(420px,100%);background:var(--raise);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -20px #0006}.modal .row{justify-content:flex-end}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-property:opacity!important;animation:none!important}.btn:active{scale:1}}.bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 15%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 15%,#000 30%,transparent 75%);opacity:.55}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.3}.orb.a{width:520px;height:520px;background:var(--brand);top:-220px;left:-160px;opacity:.24}.orb.b{width:460px;height:460px;background:var(--violet);top:300px;right:-220px;opacity:.18}.orb.c{width:380px;height:380px;background:var(--brand2);bottom:-180px;left:25%;opacity:.14}@media(prefers-reduced-motion:no-preference){.orb{animation:float 18s ease-in-out infinite}.orb.b{animation-delay:-6s}.orb.c{animation-delay:-12s}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(40px,60px)}}body.app .bg:before{opacity:.25}body.app .orb{opacity:.12}.spot{position:relative;isolation:isolate}.spot:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--brand) 14%,transparent),transparent 60%);opacity:0;transition:opacity .3s var(--ease)}@media(hover:hover){.spot:hover:before{opacity:1}}.marquee{border-block:1px solid var(--line);overflow:hidden;padding-block:16px;background:#ffffff04}.track{display:flex;gap:44px;width:max-content;color:var(--muted);font-size:17px;font-weight:500}.track span{display:flex;align-items:center;gap:44px;white-space:nowrap}.track span:after{content:"/";font:700 18px var(--f-mono);color:var(--brand)}@media(prefers-reduced-motion:no-preference){.track{animation:scroll 34s linear infinite}}@keyframes scroll{to{transform:translate(50%)}}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffff08;padding:5px 14px;border-radius:99px;font-size:13px;color:var(--muted);margin-bottom:22px}.pill i{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 12px var(--brand)}@media(prefers-reduced-motion:no-preference){.pill i{animation:pulse 2s infinite}}@keyframes pulse{50%{opacity:.35}}.plans,.kpis,.admin-kpis,.table-wrap,.ab-card,.link-row{background:#17120fc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.input,textarea.input,select.input,.prefix-input,.color-field{background:#ffecd60a}.marquee+.band{border-top:0}.bgpick{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:start}.bg-thumb{width:104px;aspect-ratio:9/16;border-radius:14px;background:var(--soft) center/cover no-repeat;border:1px solid var(--line);cursor:pointer;display:grid;place-items:center;color:var(--muted);font-weight:600;font-size:13px}.bg-thumb.empty{border-style:dashed}.bg-ctl{display:flex;flex-direction:column;gap:12px;min-width:0}.bg-ctl input[type=range]{width:100%;accent-color:var(--brand)}.check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.check input{accent-color:var(--brand);width:17px;height:17px}.announce{background:color-mix(in srgb,var(--brand) 14%,var(--raise));border-bottom:1px solid color-mix(in srgb,var(--brand) 35%,transparent);color:var(--ink);font-weight:600;font-size:14px;text-align:center;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.link-row.is-header{background:transparent;border-style:dashed}.link-row.is-header .t{font-size:13.5px;letter-spacing:.03em;color:var(--muted)}.kind-tag{font-size:11px;font-weight:700;color:var(--brand);padding-inline:8px}.sched-tag{font:600 11.5px var(--f-body);padding:1px 8px;margin-inline:8px;border-radius:6px;width:fit-content}.sched-tag.live{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.sched-tag.wait{color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,transparent)}.sched-tag.done{color:var(--muted);background:var(--soft)}.icon-btn.on{color:var(--brand)}.icon-btn.star.on svg{fill:currentColor}@media(hover:hover){.icon-btn:hover{color:var(--ink);background:var(--soft)}.icon-btn.del:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}}.soc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(max-width:560px){.soc-grid{grid-template-columns:minmax(0,1fr)}}.soc-in{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:10px;background:#ffecd60a;overflow:hidden}.soc-in span{font-size:13px;font-weight:600;color:var(--muted);padding-inline:12px}.soc-in input{border:0;background:transparent;color:var(--ink);font:500 14px var(--f-mono);padding:10px 12px;min-width:0;outline:none}.soc-in:focus-within{border-color:var(--brand)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:640px){.two-col{grid-template-columns:minmax(0,1fr);gap:0}}.link-row .link-side{gap:4px}.adm-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto;scrollbar-width:none}.adm-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font:600 14.5px var(--f-body);color:var(--muted);cursor:pointer;white-space:nowrap}.adm-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--brand)}.adm-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-bottom:16px}@media(max-width:900px){.adm-grid{grid-template-columns:minmax(0,1fr)}}.card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#17120fc7;display:flex;flex-direction:column;gap:12px;min-width:0}.card h3{font-size:15px}.kpi small{display:block;font-size:12px;color:var(--ok);margin-top:2px}.list-rows{display:flex;flex-direction:column}.list-rows>div{display:flex;justify-content:space-between;gap:10px;padding-block:9px;border-top:1px solid var(--line);font-size:14px}.list-rows>div:first-child{border-top:0}.list-rows b{font:600 13.5px var(--f-mono)}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.filters .field{flex:1 1 240px}.drawer-back{position:fixed;inset:0;background:#0604038c;z-index:45;overscroll-behavior:contain}.drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(440px,100%);background:var(--raise);border-inline-end:1px solid var(--line);z-index:46;overflow-y:auto;overscroll-behavior:contain;padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}.drawer .av{width:64px;height:64px;border-radius:50%;background:var(--soft) center/cover;display:grid;place-items:center;font:700 24px var(--f-display);color:var(--muted)}.log-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding-block:10px;border-top:1px solid var(--line);font-size:14px}.log-row time{color:var(--muted);font:500 12.5px var(--f-mono)}
