@font-face{font-family:Cairo;src:url("./fonts/Cairo.ttf") format("truetype-variations"),url("./fonts/Cairo.ttf") format("truetype");font-weight:200 1000;font-display:block}:root{color-scheme:only light;--bg: #f3f6f9;--paper: #ffffff;--ink: #000f27;--muted: #5b6675;--faint: #98a3b1;--line: #dfe5ec;--accent: #12705f;--accent-bright: #3edbcc;--accent-ink: #ffffff;--accent-soft: #e3f5f1;--gold: #b98a2f;--gold-soft: #f6efdd;--danger: #b23a2c;--danger-soft: #f8e6e3;--ok: #187a5a;--radius: 14px;--ring: 0 0 0 3px rgba(18, 112, 95, .18);--shadow: 0 1px 2px rgba(0, 15, 39, .04), 0 10px 30px -18px rgba(0, 15, 39, .18);--font: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif}*{box-sizing:border-box;font-style:normal}i,em,cite,dfn,var,address{font-style:normal}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;min-height:100dvh;-webkit-font-smoothing:antialiased}html,body,input,button,select,textarea,a,.btn{font-family:var(--font)}h1,h2,h3{line-height:1.3;margin:0 0 .5rem;text-wrap:balance}h1{font-size:1.55rem;font-weight:800}h2{font-size:1.2rem;font-weight:700}h3{font-size:1.02rem;font-weight:700}h1.with-icon{display:flex;align-items:center;gap:.6rem}h1.with-icon .ic{color:var(--accent)}.essential{display:inline-block;margin-inline-start:.5rem;padding:0 .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700;vertical-align:middle;line-height:1.6}.ic{flex-shrink:0;vertical-align:-.2em}p{margin:0 0 .75rem;text-wrap:pretty}a{color:var(--accent);text-underline-offset:.15em}small,.muted{color:var(--muted)}.faint{color:var(--faint)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.shell{display:flex;flex-direction:column;min-height:100dvh}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,2rem);background:#ffffffe0;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--ink)}.brand img{height:24px;width:auto;display:block}.brand .title{font-size:1rem;color:var(--muted);font-weight:600}.demo{display:grid;gap:2rem;grid-template-columns:1fr;align-items:start}.demo-head{grid-column:1 / -1;max-width:640px}.demo-head h1{font-size:1.85rem}.demo-head p{margin:0}@media (min-width: 900px){.demo{grid-template-columns:minmax(340px,1.15fr) minmax(0,1fr);row-gap:0;min-height:calc(100dvh - 9rem)}.demo-head{margin-bottom:.5rem}}.demo-badge{display:inline-block;padding:.15rem .7rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.8rem;letter-spacing:.02em;margin-bottom:.75rem}.demo-label{font-weight:700;margin:1.25rem 0 .5rem;line-height:1.45}.demo-picker{display:grid}.demo-picker.locked{opacity:.45;pointer-events:none}.demo-picker{grid-template-columns:1fr;gap:.7rem;max-width:520px}@media (min-width: 1180px){.demo-picker{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}.demo-type{--t1: #fff;--t2: #eef3f2;--tile: linear-gradient(160deg, #0b2b55, #000f27);--acc: var(--accent);--deco: rgba(62,219,204,.22);position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo body" "logo who" "perks perks";align-items:center;column-gap:.8rem;row-gap:.5rem;padding:.8rem .85rem .7rem;border:1px solid rgba(1,28,59,.1);border-radius:18px;cursor:pointer;text-align:start;font-family:var(--font);color:var(--ink);min-width:0;min-height:196px;background:linear-gradient(135deg,var(--t1) 0%,var(--t2) 100%);box-shadow:0 1px 2px #000f270a,inset 0 1px #fff;transition:border-color .15s,box-shadow .15s,transform .15s}.demo-type:before{content:"";position:absolute;pointer-events:none}.demo-type:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px #011c3b66,inset 0 1px #fff}.demo-type.on{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 18%,transparent),0 14px 28px -16px color-mix(in srgb,var(--acc) 45%,transparent),inset 0 1px #fff}.demo-type:disabled{cursor:default;transform:none}.demo-type>*{position:relative}.demo-type .logo{grid-area:logo;width:84px;height:84px;align-self:center;filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--acc) 35%,transparent))}.demo-type .logo img{width:100%;height:100%;object-fit:contain;display:block}.demo-type .body{grid-area:body;display:flex;flex-direction:column;min-width:0;gap:.05rem}.demo-type .title,.demo-type .slogan,.demo-type .who-name,.demo-type .who-role,.demo-type .perk span{white-space:nowrap}.demo-type .title{font-weight:800;font-size:.86rem;line-height:1.3}.demo-type .slogan{font-size:.7rem;color:var(--muted)}.demo-type .who{grid-area:who;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"p n" "p r";column-gap:.5rem;align-items:center;font-size:.78rem}.demo-type .who .portrait{grid-area:p;position:relative;width:50px;height:50px}.demo-type .who img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent),0 4px 10px -6px #011c3b66}.demo-type .who .dot{position:absolute;inset-inline-end:0;bottom:1px;width:12px;height:12px;border-radius:50%;background:#2ecc8f;border:2px solid #fff}.demo-type .who-name{grid-area:n;font-weight:800;line-height:1.2}.demo-type .who-role{grid-area:r;font-size:.66rem;color:var(--muted);line-height:1.2}.demo-type.on .who img{box-shadow:0 0 0 2px var(--acc),0 4px 10px -6px #011c3b66}.demo-type .perks{grid-area:perks;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(1,28,59,.08);padding-top:.5rem}.demo-type .perk{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.62rem;min-width:0;font-weight:700;color:var(--navy, #011c3b);text-align:center;border-inline-start:1px solid rgba(1,28,59,.08);padding:0 .15rem;line-height:1.25}.demo-type .perk:first-child{border-inline-start:0}.demo-type .perk svg{color:var(--acc)}.demo-type.t-dental{--t1: #ffffff;--t2: #e2f3f0;--tile: linear-gradient(160deg, #0b2b55, #000f27);--acc: #12705f}.demo-type.t-dental:before{inset-block:auto -55%;inset-inline:auto -25%;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(62,219,204,.28),transparent 70%)}.demo-type.t-office{--t1: #f7f8fc;--t2: #e3e7f1;--tile: linear-gradient(160deg, #1d3557, #011c3b);--acc: #b08d3c}.demo-type.t-office:before{inset-block:0;inset-inline:-12% auto;width:26%;transform:skew(-14deg);background:linear-gradient(180deg,#011c3b0d,#b08d3c1a)}.demo-type.t-beauty{--t1: #fffafc;--t2: #f8e4ec;--tile: linear-gradient(160deg, #5a2a4a, #24101f);--acc: #b3477a}.demo-type.t-beauty:before{inset-block:-35% auto;inset-inline:auto -20%;width:55%;aspect-ratio:1;border-radius:45% 55% 50% 50%;background:radial-gradient(circle,rgba(179,71,122,.16),transparent 70%)}.demo-type.t-realestate{--t1: #fffbf5;--t2: #f3e6d3;--tile: linear-gradient(160deg, #4a3325, #1d120c);--acc: #b4633a}.demo-type.t-realestate:before{inset:auto 0 0;height:30%;background:linear-gradient(180deg,transparent,rgba(180,99,58,.12))}.demo-type.t-restaurant{--t1: #fdfcf4;--t2: #ecefd9;--tile: linear-gradient(160deg, #3f4d22, #1b220e);--acc: #a86b1e}.demo-type.t-restaurant:before{inset-block:-30% auto;inset-inline:-20% auto;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(168,107,30,.18),transparent 70%)}.demo .disclaimer{grid-column:1 / -1;align-self:end;margin:2rem 0 0;font-size:.68rem;line-height:1.6;color:var(--muted);text-align:center;white-space:nowrap}.demo-stage{display:grid;place-items:start center;padding:calc(1.75rem + 1.45em) 0 1rem}@media (min-width: 900px){.demo-stage .device{zoom:.78}}.device{position:relative;width:min(390px,100%);border-radius:58px;padding:10px;isolation:isolate;background:linear-gradient(145deg,#c9ced8,#7f8794 22%,#3b414c,#7f8794 78%,#c9ced8);box-shadow:0 50px 90px -40px #000f2799,0 18px 40px -24px #000f2759}.device:before{content:"";position:absolute;inset:3px;border-radius:55px;background:#06080d;z-index:0}.device:after{content:"";position:absolute;inset:10px;border-radius:48px;z-index:3;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 28%,transparent 46%)}.device>*{position:relative;z-index:1}.device-island{position:absolute;top:24px;left:50%;transform:translate(-50%);width:118px;height:34px;background:#000;border-radius:22px;z-index:4;box-shadow:inset 0 0 0 1px #ffffff0f}.device-island:after{content:"";position:absolute;right:12px;top:11px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a3550,#0a0f1a 70%)}.device-keys{position:absolute;inset:0;pointer-events:none;z-index:0}.device-keys i{position:absolute;width:3px;border-radius:2px;background:linear-gradient(180deg,#d5d9e1,#6d7482)}.device-keys .k1{left:-3px;top:120px;height:34px}.device-keys .k2{left:-3px;top:176px;height:62px}.device-keys .k3{left:-3px;top:250px;height:62px}.device-keys .k4{right:-3px;top:200px;height:92px}.device .phone .screen{border-radius:48px;min-height:720px;padding-top:4.25rem;box-shadow:none}.device .screen-loading{min-height:720px;border-radius:48px;background:#072a55}.device .empty{min-height:720px;display:grid;place-content:center;border-radius:48px;background:#072a55;color:#fff}.float{animation:float 16s ease-in-out infinite;transform-origin:center}@keyframes float{0%,to{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-10px) rotate(.3deg)}}@media (max-width: 899px){html.demo-route .topbar,html.demo-route .footer{display:none}html.demo-route .main{padding:0;max-width:none}html.demo-route body{overflow:hidden}html.demo-route .demo{display:flex;flex-direction:column;align-items:stretch;gap:0;height:100dvh;min-height:0}html.demo-route .demo-side{width:100%;min-width:0;overflow:hidden;padding:.6rem .75rem .4rem;background:var(--paper);border-bottom:1px solid var(--line)}html.demo-route .demo-head,html.demo-route .demo-label,html.demo-route .demo .disclaimer{display:none}html.demo-route .demo-picker{display:flex;overflow-x:auto;gap:.4rem;padding-bottom:.3rem;scrollbar-width:none}html.demo-route .demo-picker::-webkit-scrollbar{display:none}html.demo-route .demo-type{display:flex;flex:0 0 auto;padding:.3rem;padding-inline-end:.7rem;border-radius:999px;gap:.45rem;background:var(--paper);box-shadow:none;overflow:visible}html.demo-route .demo-type:before,html.demo-route .demo-type:after{display:none}html.demo-route .demo-type{min-height:0}html.demo-route .demo-type .logo{order:-1;width:30px;height:30px;filter:none}html.demo-route .demo-type .logo img{width:30px;height:30px}html.demo-route .demo-type .slogan,html.demo-route .demo-type .who,html.demo-route .demo-type .perks{display:none}html.demo-route .demo-type .title{font-size:.82rem;white-space:nowrap}html.demo-route .demo-stage{flex:1;min-height:0;width:100%;padding:0;display:flex;align-items:stretch}html.demo-route .demo-stage .device{flex:1;display:flex;width:100%;max-width:none;border-radius:0;padding:0;background:transparent;box-shadow:none}html.demo-route .demo-stage .device:before,.demo-stage .device-island{display:none}html.demo-route .demo-stage .device>.demo-phone{flex:1;display:flex;min-height:0}html.demo-route .demo-stage .device .phone{flex:1;display:flex}html.demo-route .demo-stage .device .phone .screen{flex:1;max-width:none;min-height:0;border-radius:0;padding:1.25rem 1.25rem 1.5rem}html.demo-route .demo-stage .device .screen-loading,.demo-stage .device .empty{flex:1;min-height:0;border-radius:0}html.demo-route .float{animation:none}}@media (max-width: 480px){.device{border-radius:0;padding:0;background:transparent;box-shadow:none;width:100%}.device:before,.device:after,.device-island,.device-keys{display:none}.device .phone .screen{border-radius:24px;min-height:calc(100dvh - 4.5rem);padding-top:2rem}.device .screen-loading,.device .empty{min-height:calc(100dvh - 4.5rem);border-radius:24px}.float{animation:none}}.welcome{display:grid;gap:1.25rem;grid-template-columns:1fr}.welcome .hero{position:relative;min-width:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;background:#011c3b;box-shadow:var(--shadow)}.welcome .hero>video,.welcome .hero>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.welcome .hero-text{position:absolute;inset:auto 0 0;padding:1.25rem 1.5rem;background:linear-gradient(to top,rgba(255,255,255,.96),rgba(255,255,255,.75) 60%,transparent);display:flex;align-items:flex-end;justify-content:center}.welcome .hero-logo{height:54px;width:auto}.welcome .doors h1{font-size:1.4rem}.welcome .choose{margin:.25rem 0 0;font-weight:600;color:var(--ink)}.welcome .doors p,.door .sub,.empty p,.hint,.item .sub,.notice{text-wrap:balance}@media (min-width: 900px){.welcome{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);align-items:stretch;min-height:calc(100dvh - 9rem)}.welcome .hero{aspect-ratio:auto;min-height:520px;height:100%}.welcome .doors{display:flex;flex-direction:column;justify-content:center;padding:2rem 2.25rem}.welcome .doors h1{font-size:1.85rem}.welcome .hero-logo{height:72px}}.door{display:flex;gap:.9rem;align-items:center;padding:.9rem 1rem;margin-top:.6rem;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:var(--paper);transition:border-color .12s ease,background .12s ease}.door:hover{border-color:var(--accent);background:#fafcfd}.door .body{flex:1}.door .title{font-weight:700;font-size:1.05rem}.door .sub{color:var(--muted);font-size:.92rem}.door .faint{color:var(--faint)}.nav{display:flex;gap:.25rem;margin-inline-start:auto;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--muted);padding:.4rem .7rem;border-radius:8px;font-weight:600;font-size:.95rem;box-shadow:inset 0 -2px 0 transparent}.nav a:hover{color:var(--ink);background:var(--bg)}.nav a.active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:8px 8px 0 0}.lang{margin-inline-start:.5rem;border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;padding:.2rem .7rem;font-weight:700;font-size:.8rem;cursor:pointer;font-family:var(--font);letter-spacing:.02em}.lang:hover{color:var(--ink);border-color:#cfd8e2}:root[lang=en]{--font: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif}[dir=ltr] .ltr{direction:ltr}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.25rem clamp(1rem,4vw,2rem) 4rem}.main.narrow{max-width:560px}.footer{padding:1.25rem;text-align:center;color:var(--faint);font-size:.8rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:.75rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.spacer{flex:1}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.4rem;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card h2+p,.card h3+p{margin-top:-.25rem}.card-link{display:block;text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.card-link:hover{transform:translateY(-1px);border-color:#cfd8e2;box-shadow:0 2px 4px #000f270d,0 16px 34px -16px #000f2738}.stat{display:flex;flex-direction:column;gap:.1rem}.stat .v{font-size:1.85rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.stat .l{color:var(--muted);font-size:.9rem}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700;background:#eaeff4;color:var(--muted);white-space:nowrap;letter-spacing:.01em}.pill.live{background:var(--accent-soft);color:var(--accent)}.pill.draft,.pill.pending{background:var(--gold-soft);color:var(--gold)}.pill.suspended,.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.ok{background:var(--accent-soft);color:var(--ok)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}label.field,div.field{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.95rem}label.field small{font-weight:400}label.field>span.req:after{content:" *";color:var(--danger)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=time],input[type=date],input[type=url],select,textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-size:1rem;line-height:1.5}input[type=password]{font-family:var(--font);letter-spacing:.1em}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{min-height:6rem;resize:vertical}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.check{display:flex;align-items:center;gap:.6rem;font-weight:500;cursor:pointer}.check.block{padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.check.block:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.check.off{opacity:.5;cursor:not-allowed}.range{display:flex;align-items:center;gap:.75rem}.range input{flex:1;accent-color:var(--accent)}.hint{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-size:.92rem}.notice{padding:.7rem 1rem;border-radius:10px;background:var(--gold-soft);color:#6d5219;font-size:.95rem}.notice.ok{background:var(--accent-soft);color:var(--accent)}.notice.danger{background:var(--danger-soft);color:var(--danger)}fieldset{border:0;padding:0;margin:0;min-width:0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}.seg button{border:0;background:transparent;padding:.45rem .9rem;font-weight:600;color:var(--muted);cursor:pointer}.seg button.on{background:var(--accent);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.1rem;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:700;font-size:.98rem;cursor:pointer;text-decoration:none;transition:background .12s ease,transform .06s ease;min-height:2.6rem}.btn:hover{background:var(--bg)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:#0e2f5c;border-color:#0e2f5c}.btn.danger{color:var(--danger);border-color:#e7c8bc}.btn.danger:hover{background:var(--danger-soft)}.btn.ghost{border-color:transparent;background:transparent;color:var(--accent)}.btn.back{padding-inline:.4rem;gap:.15rem;color:var(--muted);font-weight:600}.btn.back:hover{color:var(--ink);background:transparent}.btn.small{padding:.3rem .75rem;min-height:2rem;font-size:.9rem}.btn.block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.big{padding:.9rem 1.6rem;font-size:1.1rem;border-radius:14px}.small{font-size:.85rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:.6rem;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:700;font-size:.85rem;white-space:nowrap}tr.click{cursor:pointer}tr.click:hover td{background:var(--bg)}.list{display:flex;flex-direction:column}.list>.item{display:flex;gap:.9rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.list>.item:last-child{border-bottom:0}.item .body{flex:1;min-width:0}.item .title{font-weight:700}.item .sub{color:var(--muted);font-size:.9rem}.avatar{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:1.1rem;flex-shrink:0}.avatar.gold{background:var(--gold-soft);color:var(--gold)}.avatar.has-image{background:var(--bg);padding:0;overflow:hidden;border-radius:50%}.avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block}.big-avatar.has-image{background:transparent;padding:0}.big-avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.avatars{display:flex;flex-wrap:wrap;gap:.6rem}.avatar-opt{width:64px;height:64px;border-radius:50%;padding:0;border:2px solid transparent;background:var(--bg);overflow:hidden;cursor:pointer;display:grid;place-items:center;font-family:var(--font);font-size:.7rem;color:var(--muted)}.avatar-opt img{width:100%;height:100%;object-fit:cover;display:block}.avatar-opt.on{border-color:var(--accent);box-shadow:var(--ring)}.avatar-opt.none{border-style:dashed;border-color:var(--line)}.avatar.soft{width:40px;height:40px;background:var(--bg);color:var(--accent);border:1px solid var(--line)}.avatar .ic{color:inherit}.steps{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.steps a{text-decoration:none;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.88rem;font-weight:600;background:var(--paper)}.steps a.active{background:var(--accent);color:#fff;border-color:var(--accent)}.steps a.done{border-color:var(--accent);color:var(--accent)}.days{display:grid;grid-template-columns:6.5rem 1fr;gap:.5rem .75rem;align-items:center}.days .times{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}input[type=time]{min-width:8rem;padding-inline:.5rem}.days input[type=time]{width:auto}.repeat{display:flex;flex-direction:column;gap:.6rem}.repeat .rowitem{display:grid;gap:.5rem;grid-template-columns:1fr auto;align-items:start;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.repeat .rowitem .fields{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.savebar{position:sticky;bottom:0;background:linear-gradient(to top,var(--bg) 70%,transparent);padding:1rem 0 .5rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.phone{display:flex;justify-content:center}.phone .screen{width:100%;max-width:400px;min-height:min(780px,calc(100dvh - 5.5rem));display:flex;flex-direction:column;justify-content:space-between;padding:2.75rem 1.25rem 2rem;border-radius:40px;background:radial-gradient(110% 60% at 50% -10%,#12407c,#072a55,#021a3a);color:#f2f0eb;box-shadow:0 30px 60px -30px #0009,inset 0 0 0 1px #ffffff0f}.phone .top{text-align:center}.phone .top .name{font-size:2rem;font-weight:800;line-height:1.2}.phone .top .biz{color:#ffffffa6;margin-top:.15rem}.phone .top .state{margin-top:.6rem;color:#bfe9e2;min-height:1.7rem;font-variant-numeric:tabular-nums;font-size:1.1rem}.phone .top .state.failed{color:#ffb4a3}.phone .middle{display:grid;place-items:center;flex:1}.phone .big-avatar{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;font-size:2.8rem;font-weight:800;background:#ffffff14;border:2px solid rgba(255,255,255,.15);position:relative}.phone .big-avatar.speaking:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--accent-bright);animation:pulse 1.1s ease-out infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.9}to{transform:scale(1.25);opacity:0}}.phone .bottom{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.phone .powered{display:flex;align-items:center;gap:.4rem;margin-top:-.6rem;color:#ffffff73;font-size:.72rem}.phone .powered img{height:14px;width:auto;opacity:.8}.phone .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.6rem;width:100%;max-width:320px}.phone .grid1{display:grid;place-items:center}.phone .key{display:flex;flex-direction:column;align-items:center;gap:.4rem}.phone .keylabel{font-size:.85rem;color:#ffffffd9}.roundbtn{width:72px;height:72px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:#ffffff24;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.roundbtn:active{transform:scale(.94)}.roundbtn.on{background:#fff;color:#011c3b}.roundbtn.hang{background:#e4402a;width:78px;height:78px}.roundbtn.hang svg{width:34px;height:34px}.roundbtn.call{background:#34c759;width:78px;height:78px}.roundbtn.call svg{width:32px;height:32px}.roundbtn:disabled{opacity:.4;cursor:not-allowed}.phone .note{color:#ffffff8c;font-size:.8rem;text-align:center;min-height:1.2rem}.phone .pad{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.6rem}.phone .dialled{text-align:center;font-size:1.6rem;letter-spacing:.08em;direction:ltr;min-height:2.2rem;font-variant-numeric:tabular-nums}.phone .keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem 1.2rem;width:100%;max-width:300px;margin:0 auto;direction:ltr}.padkey{width:74px;height:74px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent}.padkey:active{background:#ffffff4d}.padkey .digit{font-size:1.8rem;line-height:1;font-weight:500}.padkey .letters{font-size:.6rem;letter-spacing:.12em;color:#ffffffb3;margin-top:.15rem}@media (max-width: 480px){.phone .screen{border-radius:24px;min-height:calc(100dvh - 4.5rem);padding-top:2rem}}.qr{background:#fff;padding:10px;border-radius:12px;display:inline-block;border:1px solid var(--line)}.qr canvas,.qr img{display:block;width:180px;height:180px}.linkbox{display:flex;gap:.5rem;align-items:center}.linkbox input{direction:ltr;text-align:left;font-size:.9rem}.bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:.5rem}.bars .bar{flex:1;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;opacity:.85;position:relative}.bars .bar.err{background:var(--danger)}.bars .bar:hover{opacity:1}.bars .bar span{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--muted);display:none}.bars .bar:hover span{display:block}.axis{display:flex;justify-content:space-between;color:var(--faint);font-size:.75rem}.transcript-view .line{padding:.5rem .75rem;border-radius:10px;margin-bottom:.4rem;max-width:85%}.transcript-view .line.assistant{background:var(--accent-soft);margin-inline-end:auto}.transcript-view .line.caller{background:var(--gold-soft);margin-inline-start:auto}.transcript-view .line .who{font-size:.78rem;color:var(--muted)}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.empty .big{width:56px;height:56px;margin:0 auto .75rem;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}.toast{position:fixed;bottom:1.25rem;inset-inline:0;margin:0 auto;width:max-content;max-width:90vw;background:var(--ink);color:#fff;padding:.6rem 1.1rem;border-radius:10px;z-index:50;box-shadow:var(--shadow);font-weight:600}.toast.danger{background:var(--danger)}.skeleton{height:1rem;background:linear-gradient(90deg,var(--line),var(--bg),var(--line));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:6px}@keyframes sk{to{background-position:-200% 0}}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}.ltr{direction:ltr;unicode-bidi:isolate}.center{text-align:center}.mt{margin-top:1rem}.mb{margin-bottom:1rem}hr.sep{border:0;border-top:1px solid var(--line);margin:1.25rem 0}.badge-count{background:var(--danger);color:#fff;border-radius:999px;font-size:.75rem;padding:0 .45rem;margin-inline-start:.3rem}@media (max-width: 640px){.topbar{padding:.5rem 1rem;gap:.5rem}.brand{flex-shrink:0}.brand .title{display:none}.nav{gap:0;flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav::-webkit-scrollbar{display:none}.nav a{padding:.3rem .5rem;font-size:.88rem;white-space:nowrap;flex-shrink:0}.lang{margin-inline-start:0;flex-shrink:0;padding:.15rem .55rem}.days{grid-template-columns:1fr}}@media (max-width: 480px){.brand img{height:18px}.card{padding:1rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}details.advanced{border:1px solid var(--line);border-radius:12px;padding:.6rem .9rem}details.advanced>summary{cursor:pointer;font-weight:600;list-style:none}details.advanced>summary:before{content:"\25b8  ";font-size:.8em}details.advanced[open]>summary:before{content:"\25be  "}details.advanced>.stack{margin-top:.8rem}.app-banner{background:linear-gradient(135deg,#011c3b,#0b2a52);color:#fff;border:1px solid rgba(62,219,204,.25)}.app-banner .muted{color:#ffffffb3}.app-banner .btn{border-color:#3edbcc99;color:#3edbcc}.app-banner .btn.primary{background:#3edbcc;color:#011c3b}
