:root{--brand:#0E7A4F;--bg:#F6F6F3;--ink:#161A17;--muted:#667069;--line:#E1E4E0;--line-strong:#C6CCC6;--good:#0E7A4F;--good-soft:#E3F1E9;--warn:#B96E05;--warn-soft:#FBEFD9;--bad:#B8382E;--bad-soft:#F8E3E0;--info-soft:#E7ECF6;--radius:12px;--shadow:0 1px 2px rgba(0,0,0,.05),0 8px 24px -12px rgba(0,0,0,.18);--font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);line-height:1.45}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.01em}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1 1;min-width:0}.stack{display:grid;grid-gap:10px;gap:10px}.hidden{display:none!important}.sr{position:absolute;left:-9999px}.btn{gap:8px;border:1px solid var(--line-strong);background:var(--surface);padding:11px 16px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.good{background:var(--good);border-color:var(--good);color:#fff}.btn.bad{background:var(--surface);border-color:var(--bad);color:var(--bad)}.btn.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn.ghost:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.btn.block{width:100%}.btn.big{min-height:56px;font-size:18px}.btn.sm{min-height:34px;padding:6px 10px;font-size:14px;border-radius:8px}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:8px 14px;font-weight:600;min-height:40px}.chip.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.input{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:11px 12px;min-height:44px}.input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}textarea.input{min-height:72px;resize:vertical}.check{display:flex;gap:10px;align-items:flex-start;padding:10px 0}.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.banner{border-radius:10px;padding:10px 14px;font-weight:600}.banner.warn{background:var(--warn-soft);color:var(--warn)}.banner.bad{background:var(--bad-soft);color:var(--bad)}.banner.good{background:var(--good-soft);color:var(--good)}.banner.info{background:var(--info-soft);color:#2F4B7C}.pill{display:inline-block;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface)}.pill.good{color:var(--good);border-color:var(--good);background:var(--good-soft)}.pill.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.pill.bad{color:var(--bad);border-color:var(--bad);background:var(--bad-soft)}.pill.brand{color:var(--brand);border-color:var(--brand)}.c-head{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.c-head .inner{max-width:760px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}.c-head img{width:40px;height:40px;border-radius:8px;object-fit:cover}.c-head h1{font-size:18px}.c-tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 16px;max-width:760px;margin:0 auto;scrollbar-width:none}.c-tabs::-webkit-scrollbar{display:none}.c-tabs a{white-space:nowrap;text-decoration:none;padding:7px 12px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);border:1px solid transparent}.c-tabs a.on{color:var(--brand);border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,transparent)}.c-main{max-width:760px;margin:0 auto;padding:16px 16px 120px}.c-hero{padding:6px 0 14px}.c-hero p{margin:4px 0 0;color:var(--muted)}.c-cat{margin-top:22px}.c-cat h2{font-size:20px;margin-bottom:10px}.c-item{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:8px}.c-item:active{transform:scale(.995)}.c-item .n{font-weight:600}.c-item .d{color:var(--muted);font-size:14px;margin-top:2px}.c-item .p{font-weight:600;white-space:nowrap}.c-item.off{opacity:.55}.c-item img{width:72px;height:72px;border-radius:8px;object-fit:cover}.c-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent)}.c-bar .btn{max-width:728px;margin:0 auto;display:flex;justify-content:space-between;box-shadow:var(--shadow)}.sheet-back{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92dvh;overflow:auto;border-radius:18px 18px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}@media (min-width:600px){.sheet-back{align-items:center}.sheet{border-radius:18px;max-height:88vh}}.sheet h2{font-size:22px}.opt{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.opt input{width:22px;height:22px;accent-color:var(--brand)}.opt .grow{font-weight:500}.qty{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.qty button{width:44px;height:44px;border:0;background:var(--surface);font-size:20px}.qty span{min-width:36px;text-align:center;font-weight:600}.line{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.line .m{color:var(--muted);font-size:14px}.tot{display:flex;justify-content:space-between;padding:12px 0;font-size:18px;font-weight:700}.pay-opts{display:grid;grid-gap:8px;gap:8px}.pay-opt{display:flex;align-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:10px;padding:12px;cursor:pointer}.pay-opt.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.s-wrap{max-width:560px;margin:0 auto;padding:20px 16px 60px}.s-big{font-size:30px;font-weight:700;margin:8px 0 4px}.s-big,.s-time{letter-spacing:-.02em}.s-time{font-family:var(--mono);font-size:44px;font-weight:600}.timeline{list-style:none;margin:16px 0 0;padding:0;border-left:2px solid var(--line-strong)}.timeline li{position:relative;padding:4px 0 12px 18px;color:var(--muted);font-size:14px}.timeline li:before{content:"";position:absolute;left:-7px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--line-strong)}.timeline li.done{color:var(--ink)}.timeline li.done:before{background:var(--brand);border-color:var(--brand)}.timeline li.now{color:var(--ink);font-weight:600}.timeline li.now:before{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 20%,transparent)}.k{min-height:100dvh;color:#E6E9E6;--surface:#1B211D;--line:#2B332E;--line-strong:#3C463F;--muted:#98A29B;--bg:#121614;--ink:#E6E9E6}.k,.k-head{background:#121614}.k-head{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10}.k-head h1{font-size:17px}.k-conn{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;padding:5px 10px;border-radius:999px;background:var(--good);color:#fff;font-weight:600}.k-conn.off{background:var(--bad);animation:blink 1s steps(2) infinite}.k-conn.warn{background:var(--warn)}@keyframes blink{to{opacity:.55}}.k-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;padding:12px 14px 40px}@media (max-width:900px){.k-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.k-cols{grid-template-columns:1fr}}.k-col h2{font-size:13px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 2px 10px;display:flex;justify-content:space-between}.k-col h2 b{color:var(--ink)}.tk{background:var(--surface);border-radius:10px;padding:12px;margin-bottom:10px;border:1px solid var(--line);border-top:4px solid var(--line-strong)}.tk.new{border-top-color:var(--warn);animation:pulse 1.2s ease-in-out infinite}.tk.ready{border-top-color:var(--good)}.tk.scheduled{border-top-color:#4A7BD0}@keyframes pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 45%,transparent)}}.tk .hd{display:flex;justify-content:space-between;align-items:baseline}.tk .no{font-family:var(--mono);font-size:22px;font-weight:700}.tk .who{font-weight:600;margin-top:2px}.tk .meta{color:var(--muted);font-size:12.5px;font-family:var(--mono)}.tk ul{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px dashed var(--line-strong)}.tk li{display:grid;grid-template-columns:30px 1fr;grid-gap:6px;gap:6px;padding:3px 0;font-size:16px}.tk li .q{font-family:var(--mono);font-weight:700}.tk li .mods{color:var(--muted);font-size:13px}.tk .note{margin-top:8px;background:var(--warn-soft);color:#7A4A00;padding:6px 8px;border-radius:6px;font-weight:600;font-size:14px}.tk .act{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.tk .act .btn{min-height:52px;font-size:17px}.tk .chips{display:flex;flex-wrap:wrap;gap:6px}.tk .chips .chip{min-height:44px;flex:1 1;text-align:center}.tk .elapsed{font-family:var(--mono);font-size:12px}.k-pin{min-height:100dvh;display:grid;place-items:center;padding:20px}.k-pin .card{width:100%;max-width:360px;text-align:center}.k-pin input{font-family:var(--mono);font-size:32px;letter-spacing:.4em;text-align:center}.k-tools{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px 0}.k-tools .btn{min-height:40px}.a-wrap{max-width:1080px;margin:0 auto;padding:16px}.a-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:16px}.a-tabs button{border:0;background:none;padding:10px 12px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.a-tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:8px 10px}.tbl td,.tbl th{border-bottom:1px solid var(--line)}.tbl td{padding:9px 10px;vertical-align:top}.tbl-wrap{overflow-x:auto}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.stat .v{font-family:var(--mono);font-size:26px;font-weight:600}.stat .l{font-size:12.5px;color:var(--muted)}.m-cat{margin-bottom:18px}.m-cat>.row{padding:8px 0;border-bottom:2px solid var(--line-strong);margin-bottom:6px}.m-item{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.m-item.off{opacity:.5}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#161A17;color:#fff;padding:10px 16px;border-radius:10px;z-index:100;font-weight:600;box-shadow:var(--shadow)}@media (prefers-reduced-motion:reduce){.k-conn.off,.tk.new{animation:none}}.appsbar{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:18px 0 20px;padding:8px;background:var(--surface,#fff);border:1px solid var(--line,#e6e4df);border-radius:12px}.appsbar::-webkit-scrollbar{display:none}.appchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;padding:7px 12px;border-radius:8px;cursor:pointer;background:transparent;color:var(--ink,#16191c);border:1px solid var(--line,#e6e4df);transition:background .12s ease,border-color .12s ease,color .12s ease}.appchip:hover:not(:disabled){border-color:var(--muted,#6b7280)}.appchip.on{color:#fff}.appchip.on .appsbar-dot{box-shadow:0 0 0 2px rgba(255,255,255,.35)}.appchip.off{opacity:.4;cursor:not-allowed}.appchip--clear{border-style:dashed;color:var(--muted,#6b7280)}.appsbar-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.st-signout{margin-left:auto;flex:0 0 auto;font:inherit;font-size:13px;font-weight:600;padding:7px 13px;border-radius:8px;white-space:nowrap;background:none;border:1px solid var(--line-strong,#d3d0c9);color:var(--muted,#6b7280);cursor:pointer}.st-signout:hover{color:var(--ink,#16191c);border-color:var(--muted,#6b7280)}.tbl tr.tbl-sep td{border:0;border-top:1px solid var(--line,#e6e4df);background:none;font-weight:600;letter-spacing:.02em}:root{--bg:#f6f5f2;--surface:#fff;--ink:#16191c;--muted:#6b7280;--line:#e6e4df;--line-strong:#d3d0c9;--bad:#b3261e;--bad-soft:#fdf3f2;--good:#1a7f4b;--display:"Bricolage Grotesque",Georgia,serif;--body:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--brand:#2E9E51;--brand-ink:#fff;--appy:#1F5132}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14161a;--surface:#1c1f24;--ink:#f2f3f4;--muted:#9aa2ad;--line:#2b2f36;--line-strong:#3a3f48;--bad-soft:#2a1a19}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--brand)}.nowt{max-width:520px;margin:0 auto;padding:18vh 24px;text-align:center}.nowt h1{font-family:var(--display);font-size:1.6rem;margin:0 0 12px}.nowt p{color:var(--muted);line-height:1.7;margin:0 0 18px}.layout{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh;align-items:stretch}.side{gap:26px;padding:26px 18px 22px;background:var(--surface);border-right:1px solid var(--line);top:0;height:100vh;overflow-y:auto}.side,.side-top{display:flex;flex-direction:column}.side-top{gap:2px;padding:2px 8px 14px;margin-bottom:4px;border-bottom:1px solid var(--line);text-align:center}.side-top strong{font-family:var(--display);font-size:1.3rem;line-height:1.2}.side-top span{font-size:12.5px;color:var(--muted)}.side nav{gap:22px}.side nav,.side-group{display:flex;flex-direction:column}.side-group{gap:2px}.side-group h3{margin:0 0 6px;padding:0 8px;font-family:var(--body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.side-group button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:9px 10px;min-height:40px;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink);cursor:pointer}.side-group button:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.side-group button.on{background:color-mix(in srgb,var(--brand) 12%,transparent);color:color-mix(in srgb,var(--brand) 72%,var(--ink));font-weight:700}.side-group button b{margin-left:auto;font-size:11.5px;font-weight:700;background:color-mix(in srgb,var(--brand) 16%,transparent);color:color-mix(in srgb,var(--brand) 70%,var(--ink));border-radius:99px;padding:1px 7px;min-width:20px;text-align:center}.side-group button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:5px;padding:18px 10px 0;border-top:1px solid var(--line);font-size:13px}.side-foot p{margin:0 0 2px;color:var(--muted)}.side-foot a{font-weight:600;text-decoration:none}.side-foot a:hover{text-decoration:underline}.side-lock{margin-top:10px;align-self:flex-start;background:none;border:1px solid var(--line-strong);border-radius:8px;padding:7px 13px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.side-lock:hover{border-color:var(--bad);color:var(--bad)}.main{padding:34px 32px 90px;max-width:1040px}.panel{margin:0 0 34px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 24px}.panel-head h1{font-family:var(--display);font-size:1.85rem;line-height:1.15;margin:0 0 6px}.panel-head p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6;max-width:54ch}.panel-do{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:var(--brand-ink);border:1px solid transparent;border-radius:10px;padding:11px 18px;min-height:44px;font:inherit;font-size:14.5px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn:disabled{opacity:.55;cursor:default;transform:none;filter:none}.btn--quiet{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn--quiet:hover{border-color:var(--brand);color:var(--brand);filter:none}.btn--bad{background:var(--surface);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.btn--bad:hover{background:var(--bad);color:#fff;border-color:var(--bad);filter:none}.files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.file{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px 18px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.file-shot{flex-shrink:0;width:84px;height:84px;border-radius:10px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.file-shot img{width:100%;height:100%;object-fit:contain;padding:7px}.file-ext{font-family:var(--display);font-size:15px;font-weight:700;color:var(--muted);letter-spacing:.04em}.file-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1}.file-main strong{font-size:15.5px}.file-meta{font-size:12.5px;color:var(--muted)}.file-note{font-size:13px;color:var(--muted);font-style:italic}.file-do{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.file-do .btn{padding:9px 14px;min-height:40px;font-size:13.5px}.apps{list-style:none;margin:0 0 20px;padding:0;flex-direction:column;gap:12px}.app,.apps{display:flex}.app{align-items:center;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px 20px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.app--off{background:color-mix(in srgb,var(--ink) 3%,var(--surface));box-shadow:none}.app--off .app-main strong{color:var(--muted)}.app-main{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.app-main strong{font-family:var(--display);font-size:1.15rem}.app-main span{font-size:13.5px;color:var(--muted);line-height:1.55}.app-locked,.app-soon{font-size:12.5px;font-weight:700;color:var(--muted);border:1px dashed var(--line-strong);border-radius:99px;padding:6px 13px;white-space:nowrap}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.filters button{background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;padding:8px 14px;min-height:38px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}.filters button.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:0 0 20px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:3px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.kpi b{font-family:var(--display);font-size:2.1rem;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi span{font-size:13.5px;color:var(--muted)}.kpi em{font-style:normal;font-size:12.5px;font-weight:600;margin-top:5px}.kpi em.up{color:var(--good)}.kpi em.down{color:var(--muted)}.log{list-style:none;margin:0;padding:0}.log li{display:flex;align-items:baseline;gap:16px;background:var(--surface);border:1px solid var(--line);border-bottom:0;padding:13px 18px;font-size:14px}.log li:first-child{border-radius:13px 13px 0 0}.log li:last-child{border-bottom:1px solid var(--line);border-radius:0 0 13px 13px}.log li.bad{border-left:3px solid var(--bad)}.log-when{font-size:12.5px;color:var(--muted);white-space:nowrap;min-width:112px}.log-what{flex:1 1;min-width:0}.blank{background:var(--surface);border:1px dashed var(--line-strong);border-radius:15px;padding:44px 24px;text-align:center;margin:0 0 20px}.blank-big{font-family:var(--display);font-size:1.3rem;margin:0 0 7px}.blank p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}.blank p+p{margin-top:7px}.hint{font-size:13.5px;color:var(--muted);line-height:1.65;margin:0 0 18px;max-width:64ch}.err{background:var(--bad-soft);border:1px solid var(--bad);color:var(--bad);border-radius:11px;padding:12px 16px;font-size:14px;font-weight:600;margin:0 0 22px}@media (max-width:860px){.layout{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:column;border-right:0;border-bottom:1px solid var(--line);padding:20px 16px;gap:18px}.side nav{flex-direction:row;flex-wrap:wrap;gap:14px}.side-group{flex:1 1 180px}.side-foot{margin-top:4px}.main{padding:24px 16px 80px}.panel-head h1{font-size:1.55rem}.file{flex-wrap:wrap}.file-do{margin-left:0;width:100%}.app{flex-wrap:wrap}}.sa-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;height:58px;overflow:hidden;background:#1F5132;color:#fff;border-bottom:3px solid #2e9e51}.sa-topbar:after,.sa-topbar:before{content:"";position:absolute;top:0;bottom:0;width:230px;z-index:-1;pointer-events:none}.sa-topbar:before{left:0;background:linear-gradient(90deg,#1F5132 38%,rgba(31,81,50,0))}.sa-topbar:after{right:0;background:linear-gradient(270deg,#1F5132 24%,rgba(31,81,50,0))}.sa-topbar-wall{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url(/brand/appy-wall.png);background-repeat:repeat;background-size:580px 177px;background-position:50%}@media (prefers-reduced-motion:no-preference){.sa-topbar-wall{animation:sa-wall-drift 240s linear infinite}}@keyframes sa-wall-drift{0%{background-position:50%}to{background-position:580px}}.sa-topbar-brand{display:inline-flex;align-items:center;text-decoration:none}.sa-topbar-brand img{height:26px;width:auto;display:block}.sa-topbar-brand:hover img{opacity:.85}.sa-topbar-for{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:5px 11px;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sa-topbar+.a-wrap{padding-top:0}.a-wrap{--sa-green:#2E9E51;--sa-green-dark:#1F5132}.sa-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.sa-head h1{font-size:24px;margin:0;letter-spacing:-.015em}.sa-add{margin-bottom:26px}.sa-group{margin:0 0 30px}.sa-group-head{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin:0 0 10px;display:flex;align-items:center;gap:8px}.sa-group-head>span{font-size:11px;letter-spacing:0;font-weight:700;background:var(--sa-green);color:#fff;border-radius:20px;padding:1px 8px;min-width:20px;text-align:center}.sa-list{display:flex;flex-direction:column;gap:10px}.sa-client{background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .15s ease,box-shadow .15s ease}.sa-client:hover{border-color:var(--line-strong,#d3d0c9)}.sa-client[open]{border-color:var(--sa-green);box-shadow:0 1px 2px rgba(31,81,50,.05),0 8px 24px rgba(31,81,50,.07)}.sa-client>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:12px 15px;border-radius:13px}.sa-client[open]>summary{border-radius:13px 13px 0 0}.sa-client>summary::-webkit-details-marker{display:none}.sa-client>summary:before{content:"";flex:0 0 auto;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s ease;margin-right:1px}.sa-client[open]>summary:before{transform:rotate(45deg);border-color:var(--sa-green)}.sa-client>summary:hover{background:color-mix(in srgb,var(--sa-green) 5%,transparent)}.sa-logo{flex:0 0 auto;height:30px;width:auto;min-width:30px;max-width:96px;border-radius:7px;object-fit:contain;object-position:left center;background:#fff;border:1px solid var(--line);padding:2px 4px}.sa-logo--text{width:30px;max-width:30px;padding:0;display:grid;place-items:center;border:0;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em}.sa-name{font-weight:700;font-size:15px;letter-spacing:-.01em}.sa-slug{font-size:12.5px;color:var(--muted);font-family:ui-monospace,monospace}.sa-pills{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.sa-body{padding:0 15px 14px;display:flex;flex-direction:column}.sa-sec{border-top:1px solid var(--line)}.sa-sec>summary{cursor:pointer;list-style:none;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding:13px 0 11px;display:flex;align-items:center;gap:7px}.sa-sec>summary:hover{color:var(--sa-green)}.sa-sec>summary::-webkit-details-marker{display:none}.sa-sec>summary:before{content:"";width:6px;height:6px;border-right:2px solid;border-bottom:2px solid;transform:rotate(-45deg);transition:transform .15s ease}.sa-sec[open]>summary:before{transform:rotate(45deg)}.sa-sec[open]>summary{color:var(--sa-green)}.sa-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:16px;gap:16px;padding-bottom:16px}.sa-fields label{display:flex;flex-direction:column;gap:5px}.sa-fields label>span{font-size:12.5px;font-weight:700}.sa-fields input{width:100%;padding:9px 11px;font:inherit;font-size:13.5px;border:1px solid var(--line-strong,#d3d0c9);border-radius:9px;background:var(--bg);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.sa-fields input:hover{border-color:var(--muted)}.sa-fields input:focus-visible{outline:none;border-color:var(--sa-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--sa-green) 18%,transparent)}.sa-fields label>em{font-style:normal;font-size:12px;color:var(--muted);line-height:1.5}.sa-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.sa-actions--top{padding:12px 0 14px;border-top:1px solid var(--line)}.sa-actions .btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px;background:var(--sa-green);color:#fff;border:1px solid var(--sa-green);font-weight:600}.sa-actions .btn.sm:hover{background:var(--sa-green-dark);border-color:var(--sa-green-dark)}.sa-actions .btn.sm.ghost{background:transparent;color:var(--muted);border:1px solid var(--line-strong,#d3d0c9);font-weight:500}.sa-actions .btn.sm.ghost:hover{color:var(--ink);border-color:var(--muted);background:transparent}.sa-actions .btn.sm.ghost.danger{color:var(--bad,#c0392b)}.sa-actions .btn.sm.ghost.danger:hover{color:#fff;background:var(--bad,#c0392b);border-color:var(--bad,#c0392b)}.sa-push-row{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:16px}.sa-switch{grid-column:1/-1;flex-direction:row!important;align-items:flex-start;gap:10px!important}.sa-switch input{width:auto!important;margin-top:2px}.sa-switch>span{font-size:12.5px;font-weight:700}.sa-switch em{display:block;font-weight:400;font-style:normal;font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px}.sa-sec>summary>.appsbar-dot{box-shadow:none;margin-right:2px}.sa-note{font-size:12px;color:var(--muted);line-height:1.55;margin:0 0 16px;max-width:62ch}.sa-push-row .btn{padding:6px 12px;font-size:12.5px;font-weight:600;border-radius:8px;background:transparent;color:var(--sa-green);border:1px solid color-mix(in srgb,var(--sa-green) 40%,transparent);display:inline-flex;align-items:center;gap:6px}.sa-push-row .btn .appsbar-dot{box-shadow:none}.sa-push-row .btn:hover:not([disabled]){background:var(--sa-green);color:#fff}.sa-push-row .btn[disabled]{opacity:.4;cursor:not-allowed;color:var(--muted);border-color:var(--line);background:transparent}@media (max-width:560px){.sa-pills{margin-left:0;width:100%}.sa-head{flex-direction:column;align-items:stretch}.sa-fields{grid-template-columns:1fr}}.sss{margin:0;padding-top:0;border-top:0}.sa-sep{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 2px;font-weight:700}.sss>h2{font-family:var(--display);font-size:1.4rem;margin:0 0 6px}.sss>.small{margin:0 0 18px;max-width:70ch;line-height:1.6}.sss-ok{color:var(--good);font-size:13px;font-weight:600;margin:0 0 14px}.sss-client{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:0 0 10px}.sss-client summary{cursor:pointer;font-weight:700;font-size:15px}.sss-client summary::marker{color:var(--muted)}.sss-client[open] summary{margin-bottom:16px}.sss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:16px;gap:16px}.sss-grid label{display:flex;flex-direction:column;gap:5px}.sss-grid label>span{font-size:12.5px;font-weight:700;color:var(--ink)}.sss-app input:not([type]),.sss-app input[type=text],.sss-grid input,.sss-grid select{font:inherit;font-size:14px;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;padding:10px 12px;min-height:42px;width:100%}.sss-app input:focus-visible,.sss-grid input:focus-visible,.sss-grid select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.sss-grid label>em{font-style:normal;font-size:12px;color:var(--muted);line-height:1.5}.sss-apps{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.sss-apps>b{font-size:13px}.sss-apps>.small{margin:4px 0 14px;max-width:70ch;line-height:1.6}.sss-app{display:grid;grid-template-columns:minmax(170px,210px) 1fr;grid-gap:12px;gap:12px;align-items:center;margin:0 0 8px}.sss-switch{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px;font-weight:600}.sss-switch input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer;flex:none}@media (max-width:620px){.sss-app{grid-template-columns:1fr;gap:6px}}.kit{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start;margin-top:4px}.kit-form--wide{max-width:none}.kit-form label{display:block;font-size:13.5px;font-weight:600;margin:0 0 14px}.kit-opt{font-weight:400;color:var(--muted)}.kit-form input,.kit-form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit;font-size:14.5px;font-weight:400;color:var(--ink);background:var(--paper,transparent);border:1px solid var(--line-strong);border-radius:8px}.kit-form textarea{resize:vertical;line-height:1.6;min-height:190px}.kit-form input:focus,.kit-form textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:1px}.kit-do{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.kit-note{margin:0;font-size:13px;line-height:1.65;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.kit-note-sub{border-top:0;padding:6px 0 4px;font-size:12.5px;color:color-mix(in srgb,var(--muted) 85%,transparent)}.kit-do+.kit-note,.kit-note+.kit-note-sub{margin-bottom:0}.kit-note-sub:last-child{margin-bottom:18px}.kit-note code{font-size:12.5px;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--ink) 7%,transparent)}.kit-cue{margin:0 0 8px;font-size:12.5px;color:var(--muted)}.kit-stage{background:#ffffff;border:1px solid var(--line-strong);border-radius:10px;padding:18px;overflow:hidden}@media (max-width:900px){.kit{grid-template-columns:1fr;gap:22px}}.side-new{background:var(--bad)!important;color:#fff!important}.enq-said{font-size:13.5px;color:var(--good);font-weight:600;margin:0 0 14px}.enq-find{margin:0 0 18px}.enq-find input{width:100%;max-width:520px;padding:11px 13px;font:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px}.enq-find input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.enqs{list-style:none;margin:0;padding:0;gap:14px}.enq,.enqs{display:flex;flex-direction:column}.enq{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:16px 18px;gap:11px;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 4%,transparent)}.enq--new{border-left:3px solid var(--brand)}.enq--won{border-left:3px solid var(--good)}.enq--lost{border-left:3px solid var(--line-strong);opacity:.82}.enq-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.enq-who{display:flex;flex-direction:column;gap:2px;min-width:0}.enq-who strong{font-family:var(--display);font-size:1.1rem;line-height:1.25;overflow-wrap:anywhere}.enq-meta{font-size:12.5px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.enq-badge{flex:none;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--muted)}.enq-badge--new{background:var(--brand);color:var(--brand-ink)}.enq-badge--won{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}.enq-contact{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}.enq-contact a{font-weight:600;text-decoration:none;overflow-wrap:anywhere}.enq-contact a:hover{text-decoration:underline}.enq-msg{margin:0;padding:12px 14px;font-size:14.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;background:color-mix(in srgb,var(--ink) 3%,transparent);border-radius:9px}.enq-flow{display:flex;flex-wrap:wrap;gap:6px}.enq-flow button{font:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:40px;padding:8px 14px;background:var(--surface);color:var(--muted);border:1px solid var(--line-strong);border-radius:999px}.enq-flow button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.enq-flow button.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}.enq-flow button:disabled{opacity:.5;cursor:default}.enq-flow button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.enq-note{display:flex;flex-direction:column;gap:4px}.enq-note>span{font-size:12.5px;font-weight:700;color:var(--muted)}.enq-note textarea{font:inherit;font-size:14px;line-height:1.55;resize:vertical;padding:9px 11px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:9px}.enq-note textarea:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.enq-do{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.enq-do .btn{padding:9px 14px;min-height:40px;font-size:13.5px}.enq-do .enq-meta{margin-right:auto}.enq-pages{align-items:center;margin-top:18px}.enq-pages .hint{margin:0}.sss-key{margin:0 0 14px;padding:12px 14px;border-radius:9px;background:var(--bad-soft);border:1px solid color-mix(in srgb,var(--bad) 30%,var(--line));display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.5}.sss-key code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:8px 10px;border-radius:6px;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line)}.sss-keydo{display:flex;flex-wrap:wrap;gap:8px}.sss-keydo .btn{padding:8px 13px;min-height:38px;font-size:13px}@media (max-width:620px){.enq{padding:14px}.enq-top{flex-direction:column-reverse;align-items:flex-start;gap:7px}.enq-flow button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 3px)}.enq-do{flex-direction:column;align-items:stretch}.enq-do .btn{width:100%}.enq-do .enq-meta{margin-right:0}}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;height:58px;overflow:hidden;background:#1F5132;color:#fff;border-bottom:3px solid #2e9e51}.topbar:after,.topbar:before{content:"";position:absolute;top:0;bottom:0;width:230px;z-index:-1;pointer-events:none}.topbar:before{left:0;background:linear-gradient(90deg,#1F5132 38%,rgba(31,81,50,0))}.topbar:after{right:0;background:linear-gradient(270deg,#1F5132 24%,rgba(31,81,50,0))}.topbar-wall{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url(/brand/appy-wall.png);background-repeat:repeat;background-size:580px 177px;background-position:50%}@media (prefers-reduced-motion:no-preference){.topbar-wall{animation:wall-drift 240s linear infinite}}@keyframes wall-drift{0%{background-position:50%}to{background-position:580px}}.topbar-brand{display:inline-flex;align-items:center;text-decoration:none}.topbar-brand img{height:26px;width:auto;display:block}.topbar-brand:hover img{opacity:.85}.topbar-for{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:5px 11px;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.side-group{--tone:var(--muted);padding:9px 6px 8px;border-radius:12px;background:color-mix(in srgb,var(--tone) 7%,transparent);border:1px solid color-mix(in srgb,var(--tone) 16%,transparent)}.side-group--enq{--tone:#B96E05}.side-group--brand{--tone:#2E9E51}.side-group--site{--tone:#1F6FEB}.side-group--apps{--tone:#8B5CF6}.side-group--more{--tone:#8A8578}.side-group button.on{background:color-mix(in srgb,var(--tone) 18%,transparent);box-shadow:inset 2px 0 0 var(--tone)}.side-group button:hover:not(:disabled){background:color-mix(in srgb,var(--tone) 11%,transparent)}.side-group button.side-off{opacity:.55;cursor:default}.side-group button.side-off:hover{background:none}.side-soon{background:color-mix(in srgb,var(--ink) 8%,transparent)!important;color:var(--muted)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}.side-group--enq h3:before{background:#B96E05;opacity:1}.side-group--brand h3:before{background:#2E9E51;opacity:1}.side-group--site h3:before{background:#1F6FEB;opacity:1}.side-group--apps h3:before{background:#8B5CF6;opacity:1}.side-group--more h3:before{background:#8A8578;opacity:1}.side-group h3:before{height:13px}.side-group--enq h3{color:#8A5304}.side-group--brand h3{color:#22703A}.side-group--site h3{color:#1A56B0}.side-group--apps h3{color:#6D44C4}.side-group--more h3{color:#6F695F}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .side-group--enq h3{color:#E0A13F}:root:not([data-theme=light]) .side-group--brand h3{color:#6BC78C}:root:not([data-theme=light]) .side-group--site h3{color:#7FABF5}:root:not([data-theme=light]) .side-group--apps h3{color:#B394F0}}.side-logo{max-height:96px;max-width:100%;width:auto;height:auto;object-fit:contain;display:block;margin:4px auto 0}.side-group h3{display:flex;align-items:center;gap:7px}.side-group h3:before{content:"";width:3px;height:11px;border-radius:2px;background:var(--brand);opacity:.55}.side-quiet{margin-top:10px;align-self:flex-start;background:none;border:0;padding:2px 0;font:inherit;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.side-quiet:hover{color:var(--ink)}.panel-head h1{position:relative;padding-bottom:10px}.panel-head h1:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;border-radius:2px;background:var(--brand)}.file{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.file:hover{border-color:color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:0 2px 4px rgba(0,0,0,.04),0 14px 28px -20px rgba(0,0,0,.4);transform:translateY(-1px)}.blank .btn{margin-top:16px}.chart{margin:18px 0 6px}.chart-bars{gap:2px;height:120px;padding:0 2px;border-bottom:1px solid var(--line)}.chart-bar,.chart-bars{display:flex;align-items:flex-end}.chart-bar{flex:1 1;height:100%;min-width:3px}.chart-bar i{display:block;width:100%;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--brand) 55%,transparent)}.chart-bar:hover i{background:var(--brand)}.chart-axis{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:11.5px;color:var(--muted)}.chart-axis span:nth-child(2){text-align:center}.bds{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));grid-gap:14px;gap:14px;margin:22px 0 4px}.bd{border:1px solid var(--line);border-radius:12px;padding:13px 15px 9px;background:var(--surface)}.bd h3{margin:0 0 9px;font-family:var(--body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.bd ul{list-style:none;margin:0;padding:0}.bd li{display:grid;grid-template-columns:minmax(0,1fr) 72px auto;align-items:center;grid-gap:10px;gap:10px;padding:5px 0;font-size:13.5px}.bd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-bar{height:7px;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--ink) 7%,transparent)}.bd-bar i{display:block;height:100%;background:var(--brand);border-radius:4px}.bd b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px}.kpi--live b{color:#1F8A4C}.kpi--live span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1F8A4C;margin-right:6px;vertical-align:1px}.chart-bars{position:relative}.chart-bar.on i,.chart-bar:hover i{background:var(--brand)}.chart-tip{position:absolute;bottom:calc(100% + 8px);transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.35;white-space:nowrap;pointer-events:none;z-index:3;box-shadow:0 4px 14px rgba(0,0,0,.18)}.chart-tip b{font-size:13.5px}.chart-tip em{display:block;font-style:normal;opacity:.72;font-size:11.5px}.chart-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--ink)}.filter-month{font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer}.filter-month.on{border-color:var(--brand);color:var(--brand);font-weight:600}.hint--note{margin-top:18px}.kit-templates{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 4px}.kit-templates span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-right:2px}.kit-templates button{font:inherit;font-size:12.5px;padding:5px 11px;cursor:pointer;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink)}.kit-templates button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.kit-templates button:disabled{opacity:.45;cursor:default}.app-frame-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px}.app-frame-head h2{margin:0}.app-frame{width:100%;height:min(78vh,900px);min-height:520px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:block}.app-frame-title{margin:0 0 14px;padding-bottom:12px;border-bottom:2px solid var(--brand)}.side{padding-top:46px}.side-fold{position:absolute;top:14px;right:10px;width:24px;height:24px;padding:0;line-height:1;display:grid;place-items:center;font:inherit;font-size:15px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:7px;cursor:pointer;z-index:3}.side-fold:hover{color:var(--ink);border-color:var(--muted)}.side{position:-webkit-sticky;position:sticky}.layout--slim{grid-template-columns:44px minmax(0,1fr)}.layout--slim .side{padding-left:0;padding-right:0;overflow:visible}.layout--slim .side>:not(.side-fold){display:none}.layout--slim .side-fold{right:10px}@media (max-width:900px){.side-fold{display:none}.layout--slim{grid-template-columns:1fr}.layout--slim .side>:not(.side-fold){display:flex}}.main--wide{max-width:none;padding-left:24px;padding-right:24px}.main--wide .app-frame{height:calc(100vh - 150px);min-height:520px}.topbar-chip{flex:0 0 auto;display:grid;place-items:center;background:#fff;border-radius:9px;padding:6px 10px;height:44px}.topbar-chip img{max-height:32px;max-width:170px;width:auto;height:auto;display:block;object-fit:contain}.topbar-who{color:#fff;font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1.2;white-space:nowrap}.topbar-who span{display:block;font-weight:500;font-size:11px;opacity:.62;letter-spacing:.04em;text-transform:none}.topbar-brand--by{margin-left:auto}.topbar-brand--by img{height:34px;width:auto;opacity:.92}.topbar-brand--by:hover img{opacity:1}.topbar{justify-content:flex-start;gap:14px}.side-logo{display:none}@media (max-width:560px){.topbar-who{display:none}}