:root{--brand-base:#0b2e79;--accent-base:#f5b700;--paper:#f4f6fb;--surface:#fff;--surface-2:#ebeff7;--ink:#0d1530;--muted:#58627f;--line:#dbe1ee;--brand:var(--brand-base);--brand-fill:var(--brand-base);--brand-soft:color-mix(in oklab,var(--brand-base) 9%,var(--surface));--hero-bg:var(--brand-base);--hero-deep:color-mix(in oklab,var(--brand-base) 55%,#030612);--hero-ink:#fff;--hero-muted:color-mix(in oklab,#fff 74%,var(--brand-base));--accent:var(--accent-base);--on-accent:#14110a;--ok:#1e8e5a;--warn:#a86b12;--bad:#c2413b;--font-display:var(--nf-display),"Reem Kufi","IBM Plex Sans Arabic",Tahoma,sans-serif;--font-body:var(--nf-body),"IBM Plex Sans Arabic",Tahoma,"Segoe UI",sans-serif;--font-data:var(--nf-data),"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#080d1c;--surface:#0f1730;--surface-2:#16203f;--ink:#e7ebf7;--muted:#9aa4c3;--line:#243052;--brand:color-mix(in oklab,var(--brand-base) 40%,#fff);--brand-fill:color-mix(in oklab,var(--brand-base) 78%,#fff);--brand-soft:color-mix(in oklab,var(--brand-base) 30%,#0f1730);--hero-bg:color-mix(in oklab,var(--brand-base) 70%,#050914);--ok:#4cc38a;--warn:#e3a84a;--bad:#f07a73;color-scheme:dark}}:root[data-theme=dark]{--paper:#080d1c;--surface:#0f1730;--surface-2:#16203f;--ink:#e7ebf7;--muted:#9aa4c3;--line:#243052;--brand:color-mix(in oklab,var(--brand-base) 40%,#fff);--brand-fill:color-mix(in oklab,var(--brand-base) 78%,#fff);--brand-soft:color-mix(in oklab,var(--brand-base) 30%,#0f1730);--hero-bg:color-mix(in oklab,var(--brand-base) 70%,#050914);--ok:#4cc38a;--warn:#e3a84a;--bad:#f07a73;color-scheme:dark}*{box-sizing:border-box}body,html{background:var(--paper);color:var(--ink)}body{font-family:var(--font-body);font-size:16px;line-height:1.7;direction:rtl}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0);z-index:60;background:var(--hero-bg)}h1,h2,h3{font-family:var(--font-display);line-height:1.3;text-wrap:balance;margin:0}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-family:var(--font-data);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.wrap{max-width:1180px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.logo-mark{display:inline-block;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;aspect-ratio:400/329}.logo-img{display:inline-block;object-fit:contain}.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s ease}.btn:hover{transform:translateY(-1px)}.btn svg{width:18px;height:18px}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}.btn-brand{background:var(--brand-fill);color:#fff}.btn-wa{background:#1fa855;color:#fff}.btn-sm{padding:7px 14px;font-size:14px}.s-head{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:50;background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid color-mix(in oklab,#fff 12%,transparent)}.s-head .wrap{gap:22px;padding-block:10px}.s-brand,.s-head .wrap{display:flex;align-items:center}.s-brand{gap:10px;text-decoration:none}.s-brand .logo-mark{height:46px;color:#fff}.s-brand .logo-img{height:46px}.s-nav{display:flex;gap:20px;-webkit-margin-start:auto;margin-inline-start:auto;font-size:15px}.s-nav a{text-decoration:none;color:var(--hero-muted)}.s-nav a:hover{color:#fff}.s-head .btn{padding:9px 18px;font-size:14px}@media (max-width:920px){.s-nav{display:none}.s-head .btn-accent{-webkit-margin-start:auto;margin-inline-start:auto}}@media (max-width:440px){.s-head .btn-wa span{display:none}.s-head .btn-wa{padding:9px 11px}}.hero{background:radial-gradient(120% 90% at 20% 30%,var(--hero-bg),var(--hero-deep));color:var(--hero-ink);position:relative;overflow:hidden}.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:56px;gap:56px;align-items:center;padding-block:68px 84px}.eyebrow{align-items:center;gap:10px;font-size:14px;color:var(--hero-muted)}.cmyk,.eyebrow{display:inline-flex}.cmyk{gap:3px}.cmyk i{width:10px;height:10px;border-radius:2px;display:block}.cmyk i:first-child{background:#00a3e0}.cmyk i:nth-child(2){background:#e6007e}.cmyk i:nth-child(3){background:#ffe500}.cmyk i:nth-child(4){background:#1b1b1b;box-shadow:0 0 0 1px color-mix(in oklab,#fff 30%,transparent)}.hero h1{font-size:clamp(34px,5vw,58px);font-weight:700;margin-block:16px 18px}.hero h1 mark{background:linear-gradient(transparent 58%,var(--accent) 58%,var(--accent) 92%,transparent 92%);color:inherit;padding-inline:4px}.hero .lead{font-size:clamp(16px,1.6vw,19px);color:var(--hero-muted);max-width:54ch}.hero-ctas{gap:12px;margin-top:28px}.hero-chips,.hero-ctas{display:flex;flex-wrap:wrap}.hero-chips{gap:8px;margin-top:30px}.hero-chips span{font-size:13px;padding:4px 12px;border:1px solid color-mix(in oklab,#fff 22%,transparent);border-radius:999px;color:var(--hero-muted)}.sign-zone{position:relative;padding:26px}.crop{position:absolute;width:24px;height:24px;border-color:var(--accent);border-style:solid;border-width:0}.crop.tl{top:0;right:0;border-top-width:2px;border-right-width:2px}.crop.tr{top:0;left:0;border-top-width:2px;border-left-width:2px}.crop.bl{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}.crop.br{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}.dim{position:absolute;font-family:var(--font-data);font-size:11px;color:var(--accent);letter-spacing:.04em;direction:ltr}.dim.w{top:4px;left:50%;transform:translateX(-50%)}.dim.h{top:50%;left:-2px;transform:translateY(-50%) rotate(-90deg)}.facade{border-radius:6px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}.sign{position:relative;background:linear-gradient(180deg,#15181f,#0b0d12);padding:30px 20px 26px;text-align:center;border-bottom:6px solid #2a2e38}.sign:before{content:"";position:absolute;inset:8px;border:1px solid #2c313c;border-radius:3px}.sign-name{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,6vw,66px);line-height:1.1;color:#fff6d6;text-shadow:0 0 6px #ffe9a3,0 0 18px var(--accent),0 0 40px var(--accent),0 0 70px color-mix(in oklab,var(--accent) 60%,transparent);animation:flick 6s infinite}.sign-sub{margin-top:8px;font-size:14px;letter-spacing:.06em;color:#9fd8ff;text-shadow:0 0 8px #3ba4ff}@keyframes flick{0%,92%,to{opacity:1}93%{opacity:.75}94%{opacity:1}96%{opacity:.85}}.shop{background:#1a2238;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-gap:10px;gap:10px;padding:14px 14px 0}.shop div{height:120px;border-radius:3px 3px 0 0}.shop .win{background:linear-gradient(160deg,#2b3c6a,#16213e);box-shadow:inset 0 0 0 3px #2a3352}.shop .door{background:repeating-linear-gradient(180deg,#59627a 0 5px,#475069 5px 10px);height:140px;margin-top:-20px}.street{height:14px;background:#0c111f}.sign-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;justify-content:center}.sign-tags span{font-size:12px;color:var(--hero-muted)}.sign-tags span+span:before{content:"·";-webkit-margin-end:6px;margin-inline-end:6px;opacity:.6}@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:34px;padding-block:44px 56px}}.facts{background:var(--surface);border-bottom:1px solid var(--line)}.facts .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:0}.fact{padding:22px 18px;display:grid;grid-gap:2px;gap:2px;-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.fact:first-child{-webkit-border-start:0;border-inline-start:0}.fact b{font-family:var(--font-display);font-size:20px;color:var(--brand)}.fact span{font-size:14px;color:var(--muted)}@media (max-width:820px){.facts .wrap{grid-template-columns:1fr 1fr}.fact:nth-child(3){-webkit-border-start:0;border-inline-start:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}}.sec{padding-block:84px}.sec+.sec{border-top:1px solid var(--line)}.sec-head{display:grid;grid-gap:10px;gap:10px;max-width:660px;margin-bottom:36px}.sec-head .kicker{font-size:14px;font-weight:600;color:var(--brand)}.sec-head h2{font-size:clamp(26px,3.4vw,38px)}.sec-head p{color:var(--muted);font-size:17px}@media (max-width:700px){.sec{padding-block:56px}}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.filters button{border:1px solid var(--line);background:var(--surface);padding:7px 16px;border-radius:999px;cursor:pointer;font-size:14px;color:var(--muted)}.filters button.on{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff}.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.svc{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.svc,.svc-body{display:flex;flex-direction:column}.svc-body{padding:18px 20px 20px;gap:8px;flex:1 1}.svc-cat{font-size:12.5px;color:var(--brand);font-weight:600}.svc h3{font-size:19px;font-family:var(--font-body);font-weight:700}.svc p{color:var(--muted);font-size:14.5px;line-height:1.75}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.chip{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-weight:600}.chip.g{background:color-mix(in oklab,var(--accent) 22%,var(--surface));color:var(--warn)}@media (min-width:961px){.svc.span3{grid-column:1/-1;flex-direction:row}.svc.span2{grid-column:span 2;flex-direction:row}.svc.span2 .ph,.svc.span3 .ph{width:40%;aspect-ratio:auto;min-height:200px;flex:none}}@media (max-width:960px){.svc-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.svc-grid{grid-template-columns:1fr}}.ph{position:relative;aspect-ratio:16/10;max-width:100%;display:grid;place-items:center;overflow:hidden;color:color-mix(in oklab,#fff 85%,transparent);background:linear-gradient(135deg,var(--hero-bg),var(--hero-deep))}.ph:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in oklab,#fff 7%,transparent) 1px,transparent 0),linear-gradient(90deg,color-mix(in oklab,#fff 7%,transparent) 1px,transparent 0);background-size:22px 22px}.ph svg{width:46px;height:46px;position:relative}.ph small{position:absolute;bottom:10px;inset-inline-start:12px;font-size:11.5px;opacity:.75}.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));grid-gap:0;gap:0}.step .dot{display:flex;align-items:center;gap:10px;margin-bottom:14px}.step .dot b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--brand-fill);color:#fff;font-family:var(--font-data);font-weight:600;flex:none}.step .dot:after{content:"";flex:1 1;height:2px;-webkit-margin-end:10px;margin-inline-end:10px;background:repeating-linear-gradient(to left,var(--line) 0 8px,transparent 8px 14px)}.step:last-child .dot:after{display:none}.step h3{font-size:19px;margin-bottom:6px}.step p{color:var(--muted);font-size:15px;-webkit-padding-end:18px;padding-inline-end:18px}@media (max-width:860px){.steps{grid-template-columns:1fr;gap:20px}.step{display:grid;grid-template-columns:44px 1fr;grid-gap:2px 16px;gap:2px 16px}.step .dot{grid-row:span 2;margin:0}.step .dot:after{display:none}.step p{padding:0}}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.work{border-radius:14px;overflow:hidden;position:relative;background:var(--surface)}.work .ph{aspect-ratio:4/3}.work:hover img{transform:scale(1.03)}.work img{transition:transform .4s}.work figcaption{position:absolute;inset:auto 0 0 0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(5,8,18,.85));color:#fff;font-size:14px;font-weight:600}.work figcaption small{display:block;font-weight:400;opacity:.75;font-size:12px}.work{margin:0}@media (max-width:820px){.works{grid-template-columns:1fr 1fr}}.warranty{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:start}.cert{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:30px;position:relative;box-shadow:0 0 0 6px var(--surface),0 0 0 7px var(--line)}.cert h3{font-size:22px;margin-bottom:16px;text-align:center}.w-row{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px dotted var(--line)}.w-row:last-child{border-bottom:0}.w-row span{flex:1 1}.w-row b{font-family:var(--font-data);color:var(--brand);font-size:18px}.cert .note,.w-row small{color:var(--muted);font-size:13px}.cert .note{margin-top:14px;text-align:center}.needs{display:grid;grid-gap:12px;gap:12px}.needs li{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.needs ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.needs li svg{width:22px;height:22px;color:var(--brand);flex:none;margin-top:3px}@media (max-width:860px){.warranty{grid-template-columns:1fr}}.clients{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px}.client{aspect-ratio:3/2;border:1px dashed var(--line);border-radius:12px;display:grid;place-items:center;color:var(--muted);font-size:13px;background:var(--surface);padding:12px;text-align:center}.client img{max-height:60px;max-width:100%;object-fit:contain}@media (max-width:820px){.clients{grid-template-columns:repeat(3,minmax(0,1fr))}}.faq{display:grid;grid-gap:10px;gap:10px;max-width:820px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-data);color:var(--brand);font-size:20px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin-top:10px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:48px;gap:48px;align-items:start}.c-info{display:grid;grid-gap:16px;gap:16px}.c-row{display:grid;grid-gap:2px;gap:2px}.c-row small{color:var(--muted);font-size:13px}.c-row b{font-size:17px;font-weight:600;-webkit-user-select:all;-moz-user-select:all;user-select:all}.socials{display:flex;flex-wrap:wrap;gap:8px}.socials a{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--surface)}.socials svg{width:16px;height:16px;color:var(--brand)}.form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.form .full{grid-column:1/-1}.form label{display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--muted)}.form input,.form select,.form textarea{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:11px 12px;color:var(--ink);min-width:0;width:100%}.form textarea{min-height:90px;resize:vertical}.form .ok{grid-column:1/-1;color:var(--ok);font-weight:600}@media (max-width:860px){.contact,.form{grid-template-columns:1fr}}.s-foot{background:var(--hero-deep);color:var(--hero-muted);font-size:14px}.s-foot .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;padding-block:28px}.s-foot .logo-mark{height:40px;color:#fff}.s-foot .logo-img{height:40px}.s-foot .grow{flex:1 1;min-width:200px}.admin-fab{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.admin{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--paper)}.admin.with-preview{grid-template-columns:240px minmax(0,1fr) minmax(0,500px)}.a-side{background:var(--hero-bg);color:var(--hero-ink);padding:18px 14px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);height:100vh;overflow:auto}.a-side .s-brand{padding:4px 8px 14px;color:var(--hero-muted);font-size:13px}.a-side .s-brand .logo-mark{height:40px;color:#fff}.a-side .s-brand .logo-img{height:40px}.a-side small.grp{font-size:12px;color:var(--hero-muted);padding:12px 10px 4px}.a-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;background:none;border:0;color:var(--hero-muted);text-align:start;cursor:pointer;font-size:15px;width:100%}.a-link svg{width:18px;height:18px;flex:none}.a-link:hover{background:color-mix(in oklab,#fff 8%,transparent);color:#fff}.a-link.on{background:color-mix(in oklab,#fff 14%,transparent);color:#fff;font-weight:600}.a-link .cnt{-webkit-margin-start:auto;margin-inline-start:auto;background:var(--accent);color:var(--on-accent);font-size:12px;border-radius:999px;padding:0 8px;font-family:var(--font-data)}.a-main{min-width:0;padding-block:24px 80px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.a-main-in{max-width:860px;margin-inline:auto;display:grid;grid-gap:20px;gap:20px}.a-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.a-top h1{font-size:26px}.a-top .acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saved{font-size:13px;color:var(--muted)}.saved.ok{color:var(--ok)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-gap:16px;gap:16px}.panel h2{font-size:18px;font-family:var(--font-body);font-weight:700}.hint{font-size:13.5px;color:var(--muted)}.grid2{grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.f,.grid2{display:grid}.f{grid-gap:6px;gap:6px;font-size:13.5px;color:var(--muted);min-width:0}.f.full{grid-column:1/-1}.f input,.f select,.f textarea{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:9px 11px;color:var(--ink);font-size:15px;width:100%;min-width:0}.f textarea{min-height:76px;resize:vertical;line-height:1.6}.f input[type=color]{padding:3px;height:42px;cursor:pointer}.f input.ltr{direction:ltr;text-align:right;font-family:var(--font-data)}.img-f{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.img-f .thumb{width:120px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;flex:none}.img-f .thumb .ph svg{width:26px;height:26px}.img-f .thumb .ph small{display:none}.item{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-gap:12px;gap:12px;background:var(--paper)}.item-head{display:flex;align-items:center;gap:8px}.item-head b{flex:1 1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ib{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;color:var(--muted);flex:none}.ib:hover:not(:disabled){color:var(--ink)}.ib:disabled{opacity:.35;cursor:default}.ib.del:hover{color:var(--bad);border-color:var(--bad)}.ib svg{width:16px;height:16px}.add{border:1.5px dashed var(--line);background:none;border-radius:12px;padding:12px;cursor:pointer;color:var(--brand);font-weight:600}.add:hover{border-color:var(--brand)}.sw{position:relative;width:42px;height:24px;flex:none;display:inline-block}.sw input{opacity:0;margin:0;cursor:pointer;z-index:1}.sw input,.sw span{position:absolute;inset:0}.sw span{border-radius:999px;background:var(--line);transition:.2s}.sw span:after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.sw input:checked+span{background:var(--ok)}.sw input:checked+span:after{right:21px}.sw input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.row-sec{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.row-sec b{flex:1 1;font-weight:600}.row-sec.off b{color:var(--muted);text-decoration:line-through}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.kpi,.kpis{display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;grid-gap:4px;gap:4px}.kpi small{color:var(--muted);font-size:13px}.kpi b{font-family:var(--font-data);font-size:28px;font-weight:600}.kpi.hot b{color:var(--brand)}@media (max-width:700px){.kpis{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}td,th{padding:10px 12px;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}th{background:var(--surface-2);font-weight:600;color:var(--muted);font-size:13px}tr:last-child td{border-bottom:0}.pill{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;font-weight:600;white-space:nowrap}.pill.new{background:color-mix(in oklab,var(--accent) 25%,var(--surface));color:var(--warn)}.pill.contacted,.pill.quoted{background:var(--brand-soft);color:var(--brand)}.pill.done{background:color-mix(in oklab,var(--ok) 16%,var(--surface));color:var(--ok)}.pill.ex,.pill.lost{background:var(--surface-2);color:var(--muted)}.sel-sm{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:4px 8px;font-size:13px}.empty{padding:28px;text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:12px}.a-prev{-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);background:var(--surface-2);position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);height:100vh;display:flex;flex-direction:column;min-width:0}.a-prev-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.a-prev-body{flex:1 1;overflow:auto;padding:12px}.a-prev-frame{zoom:.4;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px -10px rgba(0,0,0,.35);pointer-events:none}.a-prev-frame .s-head{position:static}.logo-up{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.logo-box{width:150px;height:96px;border-radius:12px;background:var(--hero-bg);display:grid;place-items:center;color:#fff}.logo-box .logo-mark{height:64px}.logo-box .logo-img{height:64px;max-width:130px}.confirm{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:color-mix(in oklab,var(--bad) 10%,var(--surface));border:1px solid var(--bad);border-radius:10px;padding:10px 14px;font-size:14px}.btn-danger{background:var(--bad);color:#fff}.ph-flag{font-size:12px;color:var(--warn);font-weight:600}@media (max-width:1240px){.admin.with-preview{grid-template-columns:240px minmax(0,1fr)}.a-prev{display:none}}@media (max-width:820px){.admin,.admin.with-preview{grid-template-columns:1fr}.a-side{height:auto;flex-direction:row;overflow-x:auto;padding:8px 12px;gap:4px;z-index:40}.a-side .s-brand,.a-side small.grp{display:none}.a-link{width:auto;white-space:nowrap;padding:7px 12px;font-size:14px}}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:50%;transform:translateX(50%) translateY(20px);opacity:0;background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;font-size:14px;transition:.25s;z-index:90;pointer-events:none}.toast.show{opacity:1;transform:translateX(50%) translateY(0)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html{-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden}.logo-img{width:auto;max-width:100%}section[id]{scroll-margin-top:72px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.form{position:relative}.hp{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.form .err{color:var(--bad);font-size:12.5px}.form input[aria-invalid=true],.form select[aria-invalid=true],.form textarea[aria-invalid=true]{border-color:var(--bad)}.form .form-err{grid-column:1/-1;color:var(--bad);font-weight:600;font-size:14px}.form .btn[disabled]{opacity:.65;cursor:progress;transform:none}.form .file-hint{font-size:12px;color:var(--muted)}.form .f-file{display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--muted);min-width:0}.form .f-file.full{grid-column:1/-1}.form .f-file.has-err .file-picker{border-color:var(--bad)}.file-picker{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:12px 14px;border:1.5px dashed var(--line);border-radius:12px;background:var(--paper);min-width:0}.file-picker-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}.file-picker-btn,.form .file-picker-btn,.form label.file-picker-btn{display:inline-flex!important;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin:0;border:0;border-radius:999px;padding:10px 18px;font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1.2;cursor:pointer;background:var(--brand-fill);color:#fff!important;white-space:nowrap;flex:none;width:auto;max-width:none;transition:transform .15s ease,filter .15s ease}.file-picker-btn:hover,.form .file-picker-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.file-picker-btn svg,.form .file-picker-btn svg{width:16px;height:16px;flex:none;color:#fff;stroke:#fff}.file-picker-meta{flex:1 1;min-width:0;display:grid;grid-gap:2px;gap:2px}.file-picker-name{font-family:var(--font-body);font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker.has-file .file-picker-name{color:var(--ink);font-weight:500}.file-picker-clear{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;flex:none}.file-picker-clear:hover{color:var(--bad);border-color:var(--bad)}.file-picker-hint{margin:0;font-family:var(--font-body);font-size:12.5px;color:var(--muted)}.file-picker.is-disabled{opacity:.65;pointer-events:none}.file-picker:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 28%,transparent)}.file-picker.has-file{border-style:solid;border-color:color-mix(in oklab,var(--brand-fill) 35%,var(--line));background:var(--surface)}@media (max-width:520px){.file-picker{flex-wrap:wrap}.file-picker-meta{flex-basis:100%}}.font-slot{display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);min-width:0}.font-slot-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;justify-content:space-between}.font-slot-head b{font-size:15px;color:var(--ink)}.font-sample{margin:0;padding:14px 16px;border-radius:10px;background:var(--surface);border:1px dashed var(--line);color:var(--ink);line-height:1.6}.font-sample.is-display{font-family:var(--font-display);font-size:22px;font-weight:700}.font-sample.is-body{font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--muted)}.work[role=button]{cursor:zoom-in}.work[role=button]:focus-visible{outline-offset:3px}.lb{position:fixed;inset:0;z-index:100;background:rgba(5,8,18,.92);display:grid;place-items:center;padding:20px}.lb figure{margin:0;max-width:min(1100px,100%);max-height:100%;display:grid;grid-gap:12px;gap:12px;justify-items:center}.lb img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:10px}.lb figcaption{color:#fff;font-weight:600;text-align:center}.lb figcaption small{display:block;opacity:.75;font-weight:400}.lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:color-mix(in oklab,#fff 16%,transparent);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:22px}.lb-btn:hover{background:color-mix(in oklab,#fff 28%,transparent)}.lb-btn.prev{inset-inline-start:14px}.lb-btn.next{inset-inline-end:14px}.lb-close{top:14px;inset-inline-end:14px;width:42px;height:42px;border-radius:50%;border:0;background:color-mix(in oklab,#fff 16%,transparent);cursor:pointer;font-size:22px;line-height:1}.lb-close,.lb-count{position:absolute;color:#fff}.lb-count{bottom:14px;left:50%;transform:translateX(-50%);opacity:.75;font-size:13px;font-family:var(--font-data)}.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:60px 16px}.nf-in{display:grid;grid-gap:14px;gap:14px;justify-items:center}.nf b{font-family:var(--font-data);font-size:72px;color:var(--brand);line-height:1}.nf h1{font-size:28px}.nf p{color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(120% 90% at 20% 30%,var(--hero-bg),var(--hero-deep))}.login-card{width:100%;max-width:400px;background:var(--surface);border-radius:18px;padding:28px;display:grid;grid-gap:16px;gap:16px;box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}.login-card .logo-box{width:100%;height:84px;margin:0}.login-card h1{font-size:22px;text-align:center}.login-card .btn{width:100%}.msg-err{color:var(--bad)}.msg-err,.msg-ok{font-size:14px;font-weight:600}.msg-ok{color:var(--ok)}.a-user{padding:8px 10px 0;font-size:12.5px;color:var(--hero-muted)}.a-side .a-spacer{flex:1 1}.a-side .s-brand{text-decoration:none}.saved.err{color:var(--bad)}.saved .retry{background:none;border:0;color:var(--brand);cursor:pointer;text-decoration:underline;padding:0 4px}.banner{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border:1px solid var(--warn);background:color-mix(in oklab,var(--warn) 10%,var(--surface));padding:10px 14px;border-radius:10px;font-size:14px}.f .f-err{color:var(--bad);font-size:12.5px}.f.full-row{grid-column:1/-1}.f .color-row{display:flex;align-items:center;gap:10px}.f .color-row input[type=color]{width:64px;flex:none}.f .color-row .num{font-size:13px;color:var(--muted)}.item-head .tg{display:flex;align-items:center;gap:6px;flex:1 1;min-width:0;background:none;border:0;padding:0;cursor:pointer;text-align:start;color:inherit}.item-head .tg b{flex:1 1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-head .tg svg{width:16px;height:16px;flex:none;transition:transform .15s;color:var(--muted)}.item-head .tg[aria-expanded=false] svg{transform:rotate(-90deg)}.list-tools{display:flex;gap:8px;flex-wrap:wrap}.thumb-sm{width:56px;height:36px;border-radius:6px;overflow:hidden;flex:none;background:var(--surface-2)}.thumb-sm img{width:100%;height:100%;object-fit:cover;display:block}.a-main .tbl-wrap td .btn-sm{padding:4px 10px;font-size:13px}.a-main td textarea{width:100%;min-width:150px;min-height:54px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:6px 8px;font-size:13px}.copy-phone{background:none;border:0;padding:0;cursor:pointer;color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.pager{justify-content:center}.pager,.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar .f{flex:1 1;min-width:180px}.diff-list{margin:0;-webkit-padding-start:18px;padding-inline-start:18px;display:grid;grid-gap:4px;gap:4px;font-size:14px}pre.json{margin:0;max-height:260px;overflow:auto;direction:ltr;text-align:left;font-family:var(--font-data);font-size:12px;padding:10px}.ver-row,pre.json{background:var(--paper);border:1px solid var(--line);border-radius:10px}.ver-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px}.ver-row b{flex:1 1;min-width:160px;font-weight:600}.row-sec input.lbl{flex:1 1;border:1px solid transparent;background:none;font-weight:600;padding:2px 6px;border-radius:6px;min-width:0}.row-sec input.lbl:focus{border-color:var(--line);background:var(--surface)}.row-sec.off input.lbl{color:var(--muted);text-decoration:line-through}.a-prev-frame .hero h1{margin-block:16px 18px}.a-prev-frame a,.a-prev-frame button{pointer-events:none}.a-load{padding:40px;text-align:center;color:var(--muted)}@media (max-width:820px){.a-side .a-spacer,.a-side .a-user{display:none}}