/* style.css */
:root{--paper:#EFEFEC;--card:#FFFFFF;--ink:#101010;--ink-soft:#1B1B1B;--text:#141414;--muted:#7A7A75;--line:#E3E3DE;--line-dark:#2A2A2A;--orange:#FF4A17;--orange-dark:#E33C0C;--blue:#2F5BEA;--green:#8CD24C;--sand:#F6E7D8;--r-lg:28px;--r-md:18px;--r-sm:12px;--gap:14px;--pad:22px;--maxw:1240px;--font:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}.stack{display:flex;flex-direction:column;gap:var(--gap)}.mt{margin-top:var(--gap)}.block{background:var(--card);border-radius:var(--r-lg);padding:var(--pad)}.block--dark{background:var(--ink);color:#fff}.block--flush{padding:0;overflow:hidden}.grid{display:grid;gap:var(--gap)}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.035em;line-height:1.02}h1{font-size:clamp(30px,5.4vw,52px)}h2{font-size:clamp(25px,4vw,40px)}h3{font-size:clamp(19px,2.2vw,24px);letter-spacing:-.02em;line-height:1.15}h4{font-size:17px;letter-spacing:-.01em;line-height:1.2}p{margin:0 0 12px}p:last-child{margin-bottom:0}.lead{font-size:15px;color:var(--muted);line-height:1.5;max-width:44ch}.block--dark .lead{color:#9C9C97}.tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.02em;color:var(--muted)}.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);flex:none}.tag--orange::before{background:var(--orange)}.block--dark .tag{color:#8E8E89}.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:13px;white-space:nowrap}.block--dark .pill{background:#1D1D1D;border-color:#2C2C2C;color:#EDEDEA}.pill--orange{background:var(--orange);border-color:var(--orange);color:#fff}.pill--ghost{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border-radius:999px;border:1px solid transparent;background:var(--ink);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s ease,transform .1s ease}.btn:active{transform:scale(.985)}.btn--orange{background:var(--orange)}.btn--orange:hover{background:var(--orange-dark)}.btn--light{background:#fff;color:var(--ink);border-color:var(--line)}.btn--outline{background:transparent;color:inherit;border-color:currentColor;opacity:.85}.btn--wide{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.circle{width:54px;height:54px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border:0;cursor:pointer;font-size:19px;line-height:1;transition:background .15s ease}.circle:hover{background:var(--orange-dark)}.circle--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.circle--ghost:hover{background:var(--paper)}.circle--sm{width:40px;height:40px;font-size:15px}.circle--lg{width:66px;height:66px;font-size:22px}.topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 18px;margin-bottom:var(--gap);background:var(--ink);color:#EDEDEA;border-radius:999px;font-size:12.5px}.topline a:hover{color:var(--orange)}.topline__right{display:flex;gap:18px;align-items:center}.header{display:flex;align-items:center;gap:18px;background:var(--card);border-radius:999px;padding:12px 12px 12px 24px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.04em}.logo__mark{width:28px;height:28px;border-radius:50%;background:var(--orange);flex:none;position:relative}.logo__mark::after{content:"";position:absolute;inset:7px 7px auto auto;width:9px;height:9px;border-radius:50%;background:var(--blue)}.nav{display:flex;gap:4px;margin-left:6px;flex-wrap:wrap}.nav a{padding:9px 14px;border-radius:999px;font-size:14.5px;color:#3A3A38}.nav a:hover{background:var(--paper)}.nav a.is-active{background:var(--ink);color:#fff}.header__tools{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--paper)}.icon-btn__count{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--orange);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.burger{display:none}.catbar{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;margin-top:var(--gap);scrollbar-width:none}.catbar::-webkit-scrollbar{display:none}.catbar a{padding:10px 16px;border-radius:999px;background:var(--card);font-size:14px;white-space:nowrap;border:1px solid transparent}.catbar a:hover{border-color:var(--line)}.catbar a.is-active{background:var(--orange);color:#fff}.ph{position:relative;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(135deg,#2C6B3F,#59A83F);min-height:180px}.ph--court{background:linear-gradient(150deg,#1F7A3A 0%,#4FA83C 60%,#8CD24C 100%)}.ph--sky{background:linear-gradient(150deg,#2F5BEA 0%,#7FA6FF 100%)}.ph--clay{background:linear-gradient(150deg,#C4471C 0%,#FF8A4C 100%)}.ph--sand{background:linear-gradient(150deg,#E8D3BC 0%,#F6E7D8 100%)}.ph--night{background:linear-gradient(150deg,#101010 0%,#333 100%)}.ph::after{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);background-size:26px 26px}.ph__badge{position:absolute;left:14px;top:14px;z-index:2;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12px;font-weight:600}.ph__badge--tr{left:auto;right:14px}.ph__cap{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff}.ph__cap b{display:block;font-size:22px;letter-spacing:-.03em;line-height:1.05}.ph__cap span{font-size:12px;opacity:.85}.hero__top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.hero__head{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}.hero__title{max-width:15ch}.hero__grid{display:grid;grid-template-columns:200px 1fr 1fr;gap:var(--gap);margin-top:24px;align-items:stretch}.counter b{font-size:56px;font-weight:700;letter-spacing:-.05em;line-height:.9}.counter span{font-size:20px;color:var(--muted)}.counter small{display:block;margin-top:10px;font-size:12.5px;color:var(--muted);line-height:1.25}.hero__nav{display:flex;gap:8px;margin-top:auto;padding-top:26px}.promo{background:var(--ink);color:#fff;border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;min-height:210px}.promo h3{max-width:18ch}.promo__foot{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.card{background:var(--card);border-radius:var(--r-md);padding:12px;display:flex;flex-direction:column;height:100%}.card__media{position:relative;border-radius:var(--r-sm);overflow:hidden;aspect-ratio:1/1;min-height:0}.card__fav{position:absolute;right:10px;top:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.9);cursor:pointer;font-size:14px}.card__label{position:absolute;left:10px;top:10px;z-index:2;padding:5px 10px;border-radius:999px;background:var(--orange);color:#fff;font-size:11.5px;font-weight:600}.card__label--blue{background:var(--blue)}.card__body{padding:13px 6px 6px;display:flex;flex-direction:column;gap:6px;flex:1}.card__cat{font-size:11.5px;color:var(--muted)}.card__name{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.card__price{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px}.card__price b{font-size:19px;letter-spacing:-.03em}.card__price s{font-size:13px;color:var(--muted)}.card__foot{display:flex;align-items:center;gap:8px;padding:2px 6px 4px}.card__foot .btn{flex:1;padding:12px 16px;font-size:14px}.rating{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)}.rating b{color:var(--text)}.rowlist{border-top:1px solid var(--line-dark)}.rowitem{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line-dark);border-radius:var(--r-md)}.rowitem:hover{background:#171717}.rowitem--active{background:var(--orange);border-color:transparent}.rowitem--active:hover{background:var(--orange)}.rowitem__name{font-size:17px;letter-spacing:-.02em}.rowitem__tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.rowitem__tags .pill{padding:5px 11px;font-size:11.5px;background:rgba(0,0,0,.16);border-color:transparent;color:#fff}.catalog{display:grid;grid-template-columns:268px 1fr;gap:var(--gap);align-items:start}.filter{position:sticky;top:14px}.filter__group{border-top:1px solid var(--line);padding:16px 0}.filter__group:first-of-type{border-top:0;padding-top:4px}.filter__group h4{margin-bottom:12px}.check{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14.5px;cursor:pointer}.check input{width:19px;height:19px;accent-color:var(--orange);flex:none;cursor:pointer}.check span.n{margin-left:auto;font-size:12px;color:var(--muted)}.range{display:flex;gap:8px;align-items:center}.range input{width:100%;padding:11px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);font-size:14px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}.swatch[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.sizes{display:flex;gap:7px;flex-wrap:wrap}.size{min-width:44px;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14px}.size[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--gap)}.toolbar__count{font-size:13.5px;color:var(--muted);margin-right:auto}.select{padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;cursor:pointer}.filter-toggle{display:none}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--gap)}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px}.chip button{border:0;background:var(--paper);width:22px;height:22px;border-radius:50%;cursor:pointer}.empty{text-align:center;padding:60px 20px}.empty h3{margin-bottom:8px}.product{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--gap);align-items:start}.gallery{display:grid;gap:var(--gap)}.gallery__main{aspect-ratio:1/1}.gallery__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery__thumbs .ph{min-height:0;aspect-ratio:1/1;cursor:pointer;border:2px solid transparent}.gallery__thumbs .ph[aria-pressed="true"]{border-color:var(--ink)}.price-row{display:flex;align-items:baseline;gap:12px;margin:16px 0}.price-row b{font-size:34px;letter-spacing:-.04em}.price-row s{color:var(--muted)}.price-row .pill--orange{align-self:center}.qty{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px}.qty button{width:38px;height:38px;border-radius:50%;border:0;background:var(--paper);cursor:pointer;font-size:17px}.qty input{width:46px;text-align:center;border:0;background:transparent;font-size:16px}.specs{width:100%;border-collapse:collapse;font-size:14.5px}.specs td{padding:11px 0;border-bottom:1px solid var(--line)}.specs td:first-child{color:var(--muted);width:46%}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14px}.tab[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.cart-row{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-row:last-child{border-bottom:0}.cart-row .ph{min-height:0;width:96px;height:96px;border-radius:var(--r-sm)}.cart-row__end{display:flex;align-items:center;gap:14px}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--gap);align-items:start}.summary{position:sticky;top:14px}.sum-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:14.5px}.sum-row--total{border-top:1px solid var(--line-dark);margin-top:10px;padding-top:16px;font-size:20px;font-weight:700;letter-spacing:-.03em}.block--dark .sum-row span{color:#9C9C97}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:13px;color:var(--muted)}.field input,.field select,.field textarea{padding:14px 16px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);font-size:15px;width:100%}.field input:focus,.field textarea:focus{background:#fff}.field--err input{border-color:var(--orange)}.field__err{font-size:12.5px;color:var(--orange);display:none}.field--err .field__err{display:block}.choice{display:flex;gap:12px;align-items:flex-start;padding:16px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;background:#fff}.choice[data-checked="true"]{border-color:var(--ink);background:var(--paper)}.choice input{margin-top:3px;accent-color:var(--orange);width:19px;height:19px}.choice b{display:block;font-size:15px}.choice small{color:var(--muted);font-size:13px}.choice__price{margin-left:auto;font-weight:600;white-space:nowrap}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.step{display:flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;background:#fff;font-size:13.5px;color:var(--muted)}.step b{width:22px;height:22px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:12px}.step.is-active{background:var(--ink);color:#fff}.step.is-active b{background:var(--orange);color:#fff}.article{max-width:74ch;margin:0 auto}.article p{font-size:17px;line-height:1.65;margin-bottom:20px}.article h2{margin:34px 0 14px}.article h3{margin:26px 0 10px}.article ul{padding-left:20px;font-size:17px;line-height:1.6}.article li{margin-bottom:8px}.article blockquote{margin:26px 0;padding:22px 24px;border-radius:var(--r-md);background:var(--ink);color:#fff;font-size:19px;letter-spacing:-.02em;line-height:1.35}.meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:20px}.e404{text-align:center;padding:64px 20px}.e404 b{display:block;font-size:clamp(84px,18vw,190px);letter-spacing:-.07em;line-height:.85;color:var(--orange)}.footer{margin:var(--gap) 0 28px}.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.footer h4{margin-bottom:14px;font-size:14px;color:#9C9C97;font-weight:500;letter-spacing:0}.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px}.footer a:hover{color:var(--orange)}.footer__bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:20px;border-top:1px solid var(--line-dark);font-size:12.5px;color:#7E7E79}.subscribe{display:flex;gap:8px;margin-top:16px}.subscribe input{flex:1;padding:14px 18px;border-radius:999px;border:1px solid #2C2C2C;background:#1A1A1A;color:#fff;font-size:14px}.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding:4px 8px 0}.crumbs a:hover{color:var(--orange)}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(140%);background:var(--ink);color:#fff;padding:14px 22px;border-radius:999px;font-size:14.5px;z-index:60;transition:transform .25s ease;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast.is-open{transform:translateX(-50%) translateY(0)}@media (max-width:1000px){.hero__grid{grid-template-columns:1fr 1fr}.counter{grid-column:1/-1;display:flex;align-items:flex-end;gap:16px}.counter small{margin:0 0 4px}.hero__nav{margin-left:auto;padding:0}.catalog{grid-template-columns:1fr}.filter{position:static;display:none}.filter.is-open{display:block}.filter-toggle{display:inline-flex}.product{grid-template-columns:1fr}.cart-layout{grid-template-columns:1fr}.summary{position:static}.grid-4{grid-template-columns:repeat(3,1fr)}.footer__top{grid-template-columns:1fr 1fr}.nav{display:none}.burger{display:inline-flex}.header.is-open .nav{display:flex;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;background:#fff;border-radius:var(--r-lg);padding:12px;flex-direction:column}.header{position:relative}}@media (max-width:640px){:root{--pad:18px;--r-lg:24px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}.hero__grid{grid-template-columns:1fr}.footer__top{grid-template-columns:1fr}.topline__right span{display:none}.cart-row{grid-template-columns:72px 1fr;row-gap:12px}.cart-row .ph{width:72px;height:72px}.cart-row__end{grid-column:1/-1;justify-content:space-between}.gallery__thumbs{grid-template-columns:repeat(4,1fr)}.price-row b{font-size:28px}}@media (max-width:420px){.grid-3,.grid-4{grid-template-columns:1fr}}html,body{max-width:100%}.grid>*,.block>*,.stack>*{min-width:0}.block,.card,.rowitem,.cart-row,.article{overflow-wrap:break-word}table{max-width:100%}img,video,iframe{max-width:100%;height:auto}@media (max-width:900px){.hero__head{gap:16px}.hero__title{max-width:100%}.lead{max-width:100%}.promo{min-height:0}}@media (max-width:640px){:root{--gap:12px}.wrap{padding:0 12px}h1{font-size:clamp(26px,7vw,34px)}h2{font-size:clamp(21px,5.6vw,28px)}h1,h2,h3{max-width:100%}.topline{font-size:11.5px;padding:8px 14px;gap:8px}.header{padding:10px 10px 10px 16px;gap:10px}.logo{font-size:17px}.header__tools{gap:6px}.icon-btn{width:40px;height:40px}.catbar{margin-top:10px}.catbar a{padding:9px 14px;font-size:13.5px}.block{padding:16px}.btn{height:44px;padding:0 18px;font-size:14.5px}.circle--lg{width:56px;height:56px;font-size:19px}.pill{font-size:12.5px}.chips{gap:6px}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.card{padding:8px}.card__body{padding:10px 4px 4px}.card__name{font-size:14px}.card__price b{font-size:17px}.card__foot{padding:2px 4px 4px;gap:6px}.card__foot .btn{font-size:13px;padding:0 12px;height:40px}.card__foot .circle{display:none}.counter b{font-size:44px}.hero__nav{padding-top:14px}.promo{padding:18px}.toolbar{gap:8px}.toolbar .select{font-size:13.5px;padding:10px 14px}.filter{padding:16px}.crumbs{font-size:12px}.gallery__thumbs{grid-template-columns:repeat(4,1fr);gap:8px}.price-row b{font-size:26px}.tabs{gap:6px}.tab{padding:10px 14px;font-size:13.5px}.qty button{width:36px;height:36px}.cart-row__end{gap:8px}.summary{padding:16px}.steps{gap:6px}.step{padding:7px 13px;font-size:12.5px}.choice{padding:14px;gap:10px}.choice__price{width:100%;margin-left:0;padding-top:4px}.rowitem{padding:14px 16px;gap:10px}.rowitem__name{font-size:15.5px}.rowitem__tags .pill{font-size:11px}.footer__top{gap:22px}.subscribe input{font-size:13.5px;padding:12px 16px}.footer__bottom{font-size:11.5px;gap:8px}.article p,.article ul{font-size:16px}.article blockquote{font-size:17px;padding:18px}}@media (max-width:420px){.grid-3,.grid-4{grid-template-columns:1fr}.card__foot .circle{display:inline-flex}.counter{flex-wrap:wrap}.hero__nav{margin-left:0}}@media (max-width:760px){[style*="min-width"]{min-width:0 !important}input,select,textarea,.btn,.pill,.select{max-width:100%}.wrap,main,section,.block{max-width:100%}.grid{grid-auto-columns:minmax(0,1fr)}}@media (max-width:820px){.grid-2{grid-template-columns:1fr}.hero__grid{grid-template-columns:1fr}.product,.catalog,.cart-layout{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.footer__top{grid-template-columns:1fr 1fr}}@media (max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer__top{grid-template-columns:1fr}.gallery__thumbs{grid-template-columns:repeat(4,1fr)}.grid[style*="repeat"]{grid-template-columns:1fr !important}#grid.grid-3,#grid.grid-4,#popular,#sale,#rel,#rec,#up,#goods{grid-template-columns:1fr 1fr !important}.card__foot .btn{font-size:12.5px;padding:0 8px}}@media (max-width:380px){#grid.grid-3,#grid.grid-4,#popular,#sale,#rel,#rec,#up,#goods{grid-template-columns:1fr !important}}.toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.toolbar>*{flex:0 0 auto}.toolbar__count{margin-right:auto;white-space:nowrap}.toolbar .select{white-space:nowrap}.card__price,.price-row,.sum-row,.specs td,.counter b,.rating{font-variant-numeric:tabular-nums}.chips{gap:8px}.card__foot{gap:8px}.hero-actions,.actions{gap:10px}.header__tools{gap:8px}.cart-row__end{gap:12px}.card__name{line-height:1.3}.card__cat{line-height:1.3}.lead{line-height:1.5}.rowitem__name{line-height:1.25}.crumbs{line-height:1.4}.grid>.card,.grid>.block{height:100%}@media (max-width:820px){.toolbar{flex-wrap:wrap;overflow:visible}.toolbar>*{flex:1 1 auto}.toolbar__count{flex:1 1 100%;margin:0 0 2px}.toolbar .select{width:100%}.toolbar .btn{width:100%;justify-content:center}}@media (max-width:560px){.block{padding:16px}.card__foot .btn{padding:0 10px}.header{padding:10px 10px 10px 14px}.price-row{flex-wrap:wrap;gap:8px}.qty{flex:0 0 auto}}@media (max-width:820px){input,select,textarea,.field input,.field select,.field textarea,.range input,.subscribe input{font-size:16px}}
/* site.css */
.site-header{display:flex;align-items:center;gap:18px;background:var(--card);border-radius:999px;padding:12px 12px 12px 24px;position:sticky;top:12px;z-index:30;box-shadow:0 6px 24px rgba(16,16,16,.06)}.site-nav{display:flex;gap:4px;margin-left:8px;flex-wrap:wrap}.site-nav a{padding:9px 14px;border-radius:999px;font-size:14.5px;color:#3A3A38}.site-nav a:hover{background:var(--paper)}.site-nav a.is-active{background:var(--ink);color:#fff}.site-header__cta{margin-left:auto;display:flex;gap:8px;align-items:center}.hero-big{padding:56px 40px}.hero-big h1{font-size:clamp(34px,5.6vw,62px);max-width:18ch}.hero-big .lead{font-size:18px;max-width:52ch;margin-top:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;align-items:center}.hero-note{font-size:13px;color:var(--muted)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:var(--card);border-radius:var(--r-md);padding:22px}.stat b{display:block;font-size:34px;letter-spacing:-.045em;line-height:1}.stat span{display:block;font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.35}.logos{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.logos span{padding:10px 18px;border-radius:999px;background:var(--paper);font-size:14px;font-weight:500;color:#5A5A55}.feature{display:flex;gap:16px;align-items:flex-start}.feature__ic{width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--paper);font-size:18px}.feature h3{font-size:18px;margin-bottom:6px}.block--dark .feature__ic{background:#1D1D1D}.steps-line{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}.step-card{background:var(--paper);border-radius:var(--r-md);padding:22px;position:relative}.block--dark .step-card{background:#1A1A1A}.step-card b{display:block;font-size:15px;margin:14px 0 6px}.step-card p{font-size:14px;color:var(--muted);line-height:1.45;margin:0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column}.plan--best{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 20px 50px rgba(16,16,16,.22)}.plan__name{font-size:17px;font-weight:600}.plan__price{font-size:40px;font-weight:700;letter-spacing:-.05em;margin:14px 0 4px;line-height:1}.plan__price span{font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0}.plan--best .plan__price span{color:#9C9C97}.plan__note{font-size:13px;color:var(--muted);min-height:36px}.plan--best .plan__note{color:#9C9C97}.plan ul{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px;font-size:14.5px}.plan li{display:flex;gap:10px;align-items:flex-start;line-height:1.35}.plan li::before{content:"✓";color:var(--orange);font-weight:700;flex:none}.plan .btn{margin-top:auto}.switch-year{display:inline-flex;gap:4px;background:var(--paper);padding:5px;border-radius:999px}.switch-year button{border:0;background:transparent;padding:9px 18px;border-radius:999px;cursor:pointer;font-size:14px}.switch-year button[aria-pressed="true"]{background:#fff;font-weight:500;box-shadow:0 2px 8px rgba(16,16,16,.08)}.compare{width:100%;border-collapse:collapse;font-size:14.5px}.compare th{text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 14px 12px}.compare td{padding:14px;border-top:1px solid var(--line)}.compare td:first-child{font-weight:500}.compare td:not(:first-child){text-align:center}.yes{color:#2F7A26;font-weight:600}.no{color:var(--muted)}.faq-item{border-top:1px solid var(--line)}.faq-item:first-child{border-top:0}.faq-q{display:flex;gap:14px;align-items:center;width:100%;padding:20px 0;background:none;border:0;cursor:pointer;text-align:left;font-size:17px;font-weight:500;letter-spacing:-.01em;color:inherit}.faq-q span{margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:16px}.faq-a{display:none;padding:0 0 20px;font-size:15.5px;line-height:1.6;color:var(--muted);max-width:80ch}.faq-item.is-open .faq-a{display:block}.faq-item.is-open .faq-q span{background:var(--orange);color:#fff}.quote{background:var(--card);border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;gap:14px}.quote p{font-size:16px;line-height:1.5;margin:0}.quote footer{display:flex;gap:12px;align-items:center;margin-top:auto}.quote .avatar{width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:600}.quote b{display:block;font-size:14.5px}.quote small{color:var(--muted);font-size:12.5px}.cta-band{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:44px 40px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.cta-band h2{max-width:20ch}.post-card{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-md);overflow:hidden;height:100%}.post-card__img{aspect-ratio:16/10}.post-card__body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.post-card__body h3{font-size:18px;line-height:1.25}.post-card__meta{font-size:12.5px;color:var(--muted);margin-top:auto;padding-top:10px}.toc{background:var(--paper);border-radius:var(--r-md);padding:20px 24px}.toc ol{margin:10px 0 0;padding-left:20px;font-size:15px;line-height:1.8}.site-footer{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:38px 32px}.site-footer__cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px}.site-footer h4{font-size:13.5px;color:#9C9C97;font-weight:500;margin-bottom:14px}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14.5px}.site-footer a:hover{color:var(--orange)}.site-footer__bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid #262626;font-size:12.5px;color:#7E7E79}@media (max-width:900px){.stat-row,.steps-line{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.site-footer__cols{grid-template-columns:1fr 1fr}.hero-big{padding:36px 22px}.cta-band{padding:30px 24px}.site-nav{display:none}}@media (max-width:640px){.stat-row{grid-template-columns:1fr 1fr}.steps-line{grid-template-columns:1fr}.site-footer__cols{grid-template-columns:1fr}.site-header{padding:10px 10px 10px 16px}.hero-big h1{font-size:clamp(28px,8vw,38px)}.hero-big .lead{font-size:16px}.plan{padding:20px}.plan__price{font-size:34px}.faq-q{font-size:15.5px;padding:16px 0}.site-footer{padding:24px 18px}}@media (max-width:760px){[style*="min-width"]{min-width:0 !important}input,select,textarea,button,.btn,.pill{max-width:100%}}@media (max-width:900px){.site-header{position:static;flex-wrap:wrap;gap:10px;padding:12px;border-radius:22px}.site-header .logo{flex:1 1 auto}.site-header__cta{margin-left:0;width:100%;gap:8px}.site-header__cta .btn{flex:1 1 auto;justify-content:center}.hero-big h1{max-width:100%}.hero-big .lead{font-size:16.5px}.cta-band h2{max-width:100%}.feature{gap:12px}}@media (max-width:640px){.site-header{padding:10px 12px}.site-header .logo{font-size:17px}.site-header__cta .btn{height:42px;padding:0 14px;font-size:14px}.site-header__cta .btn--light{display:none}.hero-big{padding:26px 18px}.hero-big h1{font-size:clamp(26px,7.4vw,34px);line-height:1.08}.hero-big .lead{font-size:15.5px}.hero-actions{gap:10px;margin-top:20px}.hero-actions .btn{flex:1 1 100%;justify-content:center}.hero-note{flex:1 1 100%;text-align:center}.stat{padding:16px}.stat b{font-size:26px}.stat span{font-size:12.5px;margin-top:6px}.step-card{padding:16px}.step-card b{font-size:14.5px}.step-card p{font-size:13.5px}.feature__ic{width:38px;height:38px;border-radius:12px;font-size:16px}.feature h3{font-size:16.5px}.plan{padding:18px}.plan__price{font-size:32px}.plan__note{min-height:0}.plan ul{font-size:14px;gap:8px;margin:14px 0}.switch-year{width:100%;flex-direction:column;gap:6px}.switch-year button{width:100%;font-size:13.5px;padding:11px 14px}.compare{font-size:13.5px}.compare td,.compare th{padding:11px 8px}.compare td:first-child{min-width:150px}.faq-q{font-size:15px;padding:15px 0;gap:10px}.faq-q span{width:26px;height:26px;font-size:14px}.faq-a{font-size:14.5px;padding-bottom:16px}.quote{padding:18px}.quote p{font-size:15px}.cta-band{padding:24px 18px;gap:16px}.cta-band .btn{flex:1 1 100%;justify-content:center}.cta-band>div:last-child{width:100%;display:flex;gap:10px;flex-wrap:wrap}.post-card__body{padding:14px}.post-card__body h3{font-size:16.5px}.logos{gap:8px}.logos span{padding:8px 14px;font-size:13px}.toc{padding:16px 18px}.toc ol{font-size:14.5px;line-height:1.7}.site-footer{padding:22px 18px;border-radius:22px}.site-footer__bottom{font-size:11.5px;gap:8px}}@media (max-width:400px){.stat-row{grid-template-columns:1fr}.hero-big h1{font-size:26px}}@media (max-width:820px){.stat-row{grid-template-columns:1fr 1fr}.steps-line{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}}@media (max-width:560px){.stat-row,.steps-line{grid-template-columns:1fr}.feature{flex-direction:row}.cta-band{flex-direction:column;align-items:flex-start}.quote{padding:16px}.site-footer__cols{grid-template-columns:1fr}}.stat b,.plan__price,.compare td{font-variant-numeric:tabular-nums}.hero-actions{gap:12px}.site-header__cta{gap:8px}.logos{gap:10px}.plan ul{line-height:1.4}.faq-a{line-height:1.6}.grid>.plan,.grid>.quote{height:100%}
/* admin.css */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:14px}.auth__side{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:38px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth__side .lead{max-width:34ch}.auth__form{background:var(--card);border-radius:var(--r-lg);padding:38px;display:flex;flex-direction:column;justify-content:center}.auth__inner{width:100%;max-width:420px;margin:0 auto}.auth__facts{margin-top:auto;display:grid;gap:12px;padding-top:32px}.fact{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--r-md);background:#1A1A1A}.fact b{font-size:22px;letter-spacing:-.03em;line-height:1;min-width:52px}.fact span{font-size:13.5px;color:#9C9C97;line-height:1.35}.auth__big{position:absolute;right:-40px;bottom:-30px;font-size:200px;font-weight:700;letter-spacing:-.07em;color:#161616;line-height:.8;pointer-events:none}.setup{display:grid;grid-template-columns:1fr 350px;gap:var(--gap);align-items:start}.setup__aside{position:sticky;top:14px}.wizard-steps{display:grid;gap:8px;margin-bottom:22px}.wstep{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);background:#1A1A1A}.wstep b{width:26px;height:26px;border-radius:50%;background:#262626;color:#fff;display:grid;place-items:center;font-size:12.5px;flex:none}.wstep.is-done b{background:var(--green);color:#101010}.wstep.is-active{background:var(--orange)}.wstep.is-active b{background:rgba(0,0,0,.22)}.wstep span{font-size:14px;line-height:1.3}.wstep small{display:block;font-size:12px;color:#9C9C97;margin-top:3px}.wstep.is-active small{color:rgba(255,255,255,.8)}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.formrow--3{grid-template-columns:repeat(3,1fr)}.hint{font-size:12.5px;color:var(--muted);margin-top:-6px;margin-bottom:14px}.domain{display:flex;align-items:center;gap:0}.domain input{border-radius:var(--r-sm) 0 0 var(--r-sm);border-right:0}.domain__suffix{padding:14px 16px;border:1px solid var(--line);border-left:0;border-radius:0 var(--r-sm) var(--r-sm) 0;background:#fff;font-size:15px;color:var(--muted);white-space:nowrap}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{display:flex;flex-direction:column;gap:6px;padding:16px;cursor:pointer;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;text-align:left}.tile b{font-size:14.5px}.tile small{font-size:12.5px;color:var(--muted);line-height:1.35}.tile[aria-pressed="true"]{border-color:var(--ink);background:var(--paper)}.tile[aria-pressed="true"]::after{content:"✓";position:absolute}.tile__mark{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;color:transparent;margin-bottom:2px}.tile[aria-pressed="true"] .tile__mark{background:var(--orange);border-color:var(--orange);color:#fff}.scale{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.scale button{padding:16px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left}.scale b{display:block;font-size:16px;letter-spacing:-.02em}.scale small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.scale button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.scale button[aria-pressed="true"] small{color:#9C9C97}.install{position:fixed;inset:0;z-index:80;background:var(--ink);color:#fff;display:none;place-items:center;padding:24px}.install.is-open{display:grid}.install__box{width:100%;max-width:460px;text-align:center}.bar{height:6px;border-radius:99px;background:#242424;overflow:hidden;margin:24px 0 20px}.bar i{display:block;height:100%;width:0;background:var(--orange);border-radius:99px;transition:width .4s ease}.tasks{text-align:left;display:grid;gap:8px}.task{display:flex;gap:12px;align-items:center;padding:13px 16px;border-radius:var(--r-md);background:#181818;font-size:14px;color:#8E8E89}.task b{width:20px;height:20px;border-radius:50%;background:#262626;display:grid;place-items:center;font-size:11px;flex:none}.task.is-run{color:#fff;background:#1E1E1E}.task.is-run b{background:var(--orange)}.task.is-done{color:#fff}.task.is-done b{background:var(--green);color:#101010}.app{display:grid;grid-template-columns:264px 1fr;gap:var(--gap);padding:14px;align-items:start}.side{position:sticky;top:14px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:18px 14px;height:calc(100vh - 28px);display:flex;flex-direction:column}.side__brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.side__brand b{font-size:17px;letter-spacing:-.03em}.side__brand small{display:block;font-size:11.5px;color:#8E8E89}.side__scroll{overflow-y:auto;flex:1;margin:0 -6px;padding:0 6px;scrollbar-width:thin}.side__group{margin-bottom:16px}.side__group h5{margin:0 0 6px;padding:0 10px;font-size:11px;font-weight:500;color:#6E6E69;letter-spacing:.04em}.side a,.side button.navlink{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:999px;font-size:14.5px;color:#D6D6D2;border:0;background:transparent;cursor:pointer;text-align:left}.side a:hover,.side button.navlink:hover{background:#1C1C1C;color:#fff}.side a.is-active{background:var(--orange);color:#fff}.side .ic{width:18px;height:18px;flex:none;opacity:.9}.side .badge{margin-left:auto;min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:#262626;font-size:11.5px;display:grid;place-items:center}.side a.is-active .badge{background:rgba(0,0,0,.22)}.side__foot{padding-top:12px;border-top:1px solid #242424;margin-top:8px}.side__user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:#1A1A1A}.avatar{width:34px;height:34px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}.side__user small{display:block;font-size:11.5px;color:#8E8E89;word-break:break-all}.work{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--card);border-radius:999px;padding:10px 12px 10px 22px}.topbar__title{font-size:19px;font-weight:600;letter-spacing:-.03em;margin-right:auto}.search{display:flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:var(--paper);min-width:200px}.search input{border:0;background:transparent;outline:none;width:100%;font-size:14px}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.kpi__card{background:var(--card);border-radius:var(--r-md);padding:20px}.kpi__card b{display:block;font-size:30px;letter-spacing:-.04em;margin:10px 0 4px}.delta{font-size:12.5px;color:var(--muted)}.delta--up{color:#3E9B34}.delta--down{color:var(--orange)}.panel{background:var(--card);border-radius:var(--r-lg);padding:var(--pad)}.panel--dark{background:var(--ink);color:#fff}.panel__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.panel__head h2{font-size:21px;margin-right:auto}.checklist{display:grid;gap:8px}.ci{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}.ci__mark{width:24px;height:24px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:12px;flex:none}.ci.is-done{background:var(--paper);color:var(--muted)}.ci.is-done .ci__mark{background:var(--green);color:#101010}.ci b{font-size:14.5px;font-weight:500}.ci small{display:block;font-size:12.5px;color:var(--muted)}.ci .btn{margin-left:auto;padding:10px 18px;font-size:13.5px}.placeholder{border:1px dashed var(--line);border-radius:var(--r-md);padding:44px 24px;text-align:center;color:var(--muted)}.placeholder h3{color:var(--text);margin-bottom:8px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:500;color:var(--muted);font-size:12.5px;padding:0 12px 10px}.table td{padding:13px 12px;border-top:1px solid var(--line)}.table tr td:first-child{font-weight:500}.status{display:inline-flex;padding:5px 11px;border-radius:999px;font-size:12px;background:var(--paper)}.status--new{background:#E7EEFF;color:#1D42B8}.status--pack{background:#FFE6DE;color:#C23A11}.status--done{background:#E4F5DE;color:#2F7A26}@media (max-width:1100px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.side__scroll{overflow:visible;flex:1 1 100%;order:3;display:none}.side.is-open .side__scroll{display:block}.side__group{margin-bottom:10px}.side__foot{flex:1 1 100%;order:4;border:0}.kpi{grid-template-columns:1fr 1fr}.setup{grid-template-columns:1fr}.setup__aside{position:static}.auth{grid-template-columns:1fr}.auth__side{min-height:220px;padding:26px}.auth__big{font-size:140px}}@media (max-width:640px){.formrow,.formrow--3{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr}.scale{grid-template-columns:1fr 1fr}.kpi{grid-template-columns:1fr}.auth__form{padding:24px 20px}.topbar{border-radius:var(--r-lg);padding:16px}.topbar__title{width:100%}}.bars{display:flex;align-items:flex-end;gap:6px;height:160px;padding-top:10px}.bars__i{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}.bars__i span{width:100%;border-radius:8px 8px 4px 4px;min-height:3px;display:block}.bars__i small{font-size:10.5px;color:var(--muted)}.tree{display:grid;gap:8px}.tree__row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}.tree__row.is-kid{margin-left:34px;background:var(--paper)}.tree__row.is-off{opacity:.55}.tree__pic{width:44px;height:44px;border-radius:10px;overflow:hidden;flex:none}.tree__pic .ph{min-height:0;height:100%}.tree__row b{font-size:14.5px;display:block}.tree__row small{font-size:12px;color:var(--muted)}.tree__end{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tree__stat{font-size:12.5px;color:var(--muted);white-space:nowrap}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:270px;gap:12px;overflow-x:auto;padding-bottom:8px}.kcol{background:var(--paper);border-radius:var(--r-md);padding:12px;min-height:220px}.kcol__head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;font-weight:600}.kcol__head span{margin-left:auto;font-size:12px;color:var(--muted)}.kcard{background:#fff;border-radius:var(--r-sm);padding:12px;margin-bottom:8px;cursor:pointer;border:1px solid var(--line)}.kcard:hover{border-color:var(--ink)}.kcard b{font-size:14px;display:block}.kcard small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.funnelbar{display:grid;gap:10px}.fstep{display:flex;align-items:center;gap:14px}.fstep__bar{height:46px;border-radius:12px;background:var(--orange);display:flex;align-items:center;padding:0 14px;color:#fff;font-weight:600;min-width:90px}.fstep__meta{font-size:13px;color:var(--muted)}.chatwrap{display:grid;grid-template-columns:280px 1fr 300px;gap:var(--gap);align-items:start}.dialogs{display:grid;gap:6px}.dialog{display:flex;gap:10px;align-items:center;padding:11px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;cursor:pointer}.dialog.is-sel{border-color:var(--ink);background:var(--paper)}.dialog b{font-size:13.5px;display:block}.dialog small{font-size:12px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.msgs{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow-y:auto;padding:4px}.msg{max-width:74%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.4}.msg--in{background:var(--paper);align-self:flex-start;border-bottom-left-radius:5px}.msg--out{background:var(--ink);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.msg time{display:block;font-size:11px;opacity:.6;margin-top:4px}.upl{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.upl__i{position:relative;aspect-ratio:1/1;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent}.upl__i .ph{min-height:0;height:100%}.upl__i.is-main{border-color:var(--orange)}.upl__i button{position:absolute;top:5px;right:5px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;font-size:11px}.upl__i span.tagm{position:absolute;left:5px;bottom:5px;padding:3px 8px;border-radius:999px;background:var(--orange);color:#fff;font-size:10px}.upl__add{display:grid;place-items:center;aspect-ratio:1/1;border:1px dashed var(--line);border-radius:var(--r-sm);cursor:pointer;color:var(--muted);font-size:12px;text-align:center;padding:8px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal__d{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;min-height:92px;cursor:pointer;background:#fff}.cal__d:hover{border-color:var(--ink)}.cal__d.is-empty{background:transparent;border-color:transparent;cursor:default}.cal__d b{font-size:13px}.cal__d small{display:block;font-size:11.5px;color:var(--muted);margin-top:4px}.cal__d em{display:block;font-style:normal;font-size:13.5px;font-weight:600;margin-top:6px}.cal__head{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;font-size:11.5px;color:var(--muted)}.hint-row{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:var(--paper);border-radius:var(--r-md);font-size:13.5px;color:var(--muted)}.map{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.map a{display:flex;gap:11px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}.map a:hover{border-color:var(--ink);background:var(--paper)}.map b{font-size:14px;display:block}.map small{font-size:12px;color:var(--muted)}.map i{width:32px;height:32px;border-radius:9px;background:var(--paper);display:grid;place-items:center;font-style:normal;flex:none}@media (max-width:1100px){.chatwrap{grid-template-columns:1fr}}
/* builder.css */
.pagecard{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}.pagecard:hover{border-color:var(--ink)}.pagecard__thumb{width:74px;height:56px;border-radius:10px;flex:none;overflow:hidden;background:var(--paper);display:grid;grid-template-rows:10px 1fr 8px;gap:3px;padding:4px}.pagecard__thumb i{display:block;background:#D7D7D2;border-radius:3px}.pagecard__thumb i:nth-child(2){background:var(--orange);opacity:.55}.pagecard b{font-size:15.5px;display:block}.pagecard small{font-size:12.5px;color:var(--muted)}.pagecard__end{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bld{height:100vh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:270px 1fr 320px;grid-template-areas:"top top top" "lib stage insp";gap:10px;padding:10px}.bld__top{grid-area:top}.bld__lib{grid-area:lib}.bld__stage{grid-area:stage;min-width:0}.bld__insp{grid-area:insp}.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border-radius:999px;padding:8px 10px 8px 16px}.bar__title{font-size:16px;font-weight:600;letter-spacing:-.02em}.bar__path{font-size:12.5px;color:var(--muted)}.bar__sp{margin-left:auto}.tbtn{height:38px;min-width:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:13.5px;display:inline-flex;align-items:center;gap:7px}.tbtn:hover{background:var(--paper)}.tbtn[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.tbtn--orange{background:var(--orange);border-color:var(--orange);color:#fff}.tbtn--orange:hover{background:var(--orange-dark)}.tbtn[disabled]{opacity:.4;cursor:not-allowed}.seg{display:flex;gap:4px;background:var(--paper);padding:4px;border-radius:999px}.seg .tbtn{border:0;background:transparent;height:32px}.pane{background:#fff;border-radius:var(--r-lg);padding:14px;overflow-y:auto;height:100%;scrollbar-width:thin}.pane h5{margin:14px 6px 8px;font-size:11.5px;color:var(--muted);font-weight:500}.pane h5:first-child{margin-top:2px}.panetabs{display:flex;gap:4px;background:var(--paper);padding:4px;border-radius:999px;margin-bottom:12px}.panetabs button{flex:1;padding:9px;border:0;border-radius:999px;background:transparent;cursor:pointer;font-size:13.5px}.panetabs button[aria-selected="true"]{background:#fff;font-weight:500}.blib{display:grid;gap:6px}.blib button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;cursor:pointer;text-align:left;font-size:14px}.blib button:hover{border-color:var(--ink);background:var(--paper)}.blib button[disabled]{opacity:.4;cursor:not-allowed}.blib i{width:30px;height:30px;border-radius:8px;background:var(--paper);display:grid;place-items:center;font-style:normal;font-size:13px;flex:none}.layers{display:grid;gap:5px}.layer{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;cursor:pointer;font-size:13.5px}.layer:hover{background:var(--paper)}.layer.is-sel{border-color:var(--ink);background:var(--paper)}.layer.is-hidden{opacity:.45}.layer__grip{color:var(--muted);cursor:grab;font-size:12px}.layer__act{margin-left:auto;display:flex;gap:2px}.layer__act button{width:26px;height:26px;border:0;border-radius:50%;background:transparent;cursor:pointer;font-size:12px}.layer__act button:hover{background:var(--line)}.layer.drop-before{box-shadow:0 -2px 0 var(--orange)}.layer.drop-after{box-shadow:0 2px 0 var(--orange)}.stage{height:100%;overflow-y:auto;border-radius:var(--r-lg);background:var(--paper);padding:16px;scrollbar-width:thin}.canvas{margin:0 auto;background:var(--paper);transition:width .2s ease;display:flex;flex-direction:column;gap:14px}.canvas a,.canvas button,.canvas input,.canvas select,.canvas textarea{pointer-events:none}.canvas .cv__tools,.canvas .cv__tools button,.canvas .addhere{pointer-events:auto}.cv{position:relative;border-radius:var(--r-lg)}.cv::after{content:"";position:absolute;inset:-3px;border-radius:calc(var(--r-lg) + 3px);border:2px solid transparent;pointer-events:none}.cv:hover::after{border-color:rgba(255,74,23,.45)}.cv.is-sel::after{border-color:var(--orange)}.cv__tag{position:absolute;top:-11px;left:14px;z-index:5;padding:3px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;opacity:0;pointer-events:none}.cv:hover .cv__tag,.cv.is-sel .cv__tag{opacity:1}.cv.is-sel .cv__tag{background:var(--orange)}.cv__tools{position:absolute;top:-14px;right:12px;z-index:6;display:none;gap:4px;background:var(--ink);padding:4px;border-radius:999px}.cv:hover .cv__tools,.cv.is-sel .cv__tools{display:flex}.cv__tools button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:13px}.cv__tools button:hover{background:#2E2E2E}.cv__tools button.warn:hover{background:var(--orange)}.addhere{display:flex;align-items:center;gap:10px;justify-content:center;padding:8px;border:1px dashed var(--line);border-radius:999px;color:var(--muted);font-size:13px;cursor:pointer;background:#fff}.addhere:hover{border-color:var(--orange);color:var(--orange)}.insp__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.insp__head b{font-size:15px}.insp__head small{display:block;font-size:12px;color:var(--muted)}.fld{margin-bottom:14px}.fld>label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}.fld input[type=text],.fld input[type=number],.fld select,.fld textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);font-size:14px}.fld textarea{resize:vertical;min-height:74px;line-height:1.4}.fld--bool{display:flex;align-items:center;gap:10px;justify-content:space-between}.fld--bool label{margin:0;color:var(--text);font-size:14px}.sw{width:44px;height:26px;border-radius:999px;background:var(--line);border:0;cursor:pointer;position:relative;flex:none}.sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s ease}.sw[aria-pressed="true"]{background:var(--orange)}.sw[aria-pressed="true"]::after{left:21px}.stepper{display:flex;gap:6px;align-items:center}.stepper button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}.stepper input{text-align:center}.rte{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:#fff}.rte__bar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--line);background:var(--paper)}.rte__bar button{min-width:30px;height:30px;padding:0 7px;border:0;border-radius:7px;background:transparent;cursor:pointer;font-size:13px}.rte__bar button:hover{background:#fff}.rte__area{padding:12px;min-height:150px;font-size:14px;line-height:1.5;outline:none}.rte__area:focus{background:#fff}.rte__area h2{font-size:19px;margin:10px 0 6px}.rte__area h3{font-size:16px;margin:10px 0 6px}.rte__area p{margin:0 0 8px}.rte__area ul,.rte__area ol{margin:0 0 8px;padding-left:22px}.rte__area blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid var(--orange);color:var(--muted)}.rep{display:grid;gap:8px}.repit{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper)}.repit__head{display:flex;align-items:center;gap:8px;padding:9px 11px;cursor:pointer;font-size:13.5px}.repit__head b{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repit__head button{width:26px;height:26px;border:0;border-radius:50%;background:transparent;cursor:pointer}.repit__head button:hover{background:var(--line)}.repit__body{padding:2px 11px 11px;display:none}.repit.is-open .repit__body{display:block}.colorbox{display:flex;gap:8px;align-items:center}.colorbox input[type=color]{width:44px;height:40px;padding:2px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;flex:none}.swatchrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.swatchrow button{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}.swatchrow button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.mediabox{display:flex;gap:10px;align-items:center}.mediabox__prev{width:64px;height:48px;border-radius:9px;overflow:hidden;flex:none;background:var(--paper)}.mediabox__prev .ph{min-height:0;height:100%}.grads{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.grads button{height:38px;border-radius:9px;border:2px solid transparent;cursor:pointer;padding:0;overflow:hidden}.grads button[aria-pressed="true"]{border-color:var(--ink)}.grads .ph{min-height:0;height:100%;border-radius:0}.modal{position:fixed;inset:0;z-index:90;background:rgba(16,16,16,.6);display:none;padding:20px}.modal.is-open{display:block}.modal__box{max-width:1120px;margin:0 auto;background:var(--paper);border-radius:var(--r-lg);height:100%;display:flex;flex-direction:column;overflow:hidden}.modal__head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff}.modal__body{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}@media (max-width:1200px){.bld{grid-template-columns:240px 1fr;grid-template-areas:"top top" "lib stage";height:auto}.bld__insp{grid-area:auto;position:fixed;right:10px;bottom:10px;top:auto;width:320px;max-height:70vh;box-shadow:0 20px 50px rgba(0,0,0,.2);border-radius:var(--r-lg);z-index:50;display:none}.bld__insp.is-open{display:block}}@media (max-width:820px){.bld{grid-template-columns:1fr;grid-template-areas:"top" "stage";padding:8px;gap:8px}.bld__lib{position:fixed;left:8px;right:8px;bottom:8px;top:auto;max-height:60vh;z-index:50;display:none;box-shadow:0 20px 50px rgba(0,0,0,.2)}.bld__lib.is-open{display:block}.bld__insp{left:8px;right:8px;width:auto}.stage{height:auto;min-height:60vh}}.canvas .pv-c{text-decoration:none}.cv__grab{cursor:grab}.cv__grab:active{cursor:grabbing}.cv.is-dragging{opacity:.45}.cv.drop-top::before,.cv.drop-bottom::after{content:"";position:absolute;left:0;right:0;height:4px;border-radius:99px;background:var(--orange);z-index:8}.cv.drop-top::before{top:-9px}.cv.drop-bottom::after{bottom:-9px}.cv__tools button:disabled{opacity:.35;cursor:not-allowed}.cv.is-hidden{opacity:.35;filter:grayscale(1)}.cv.is-hidden .cv__tag{background:#6E6E69}
/* theme.css */
:root{--h-control:42px;--h-control-sm:34px;--pad-panel:24px;--gap:16px}.app{padding:16px;gap:16px;align-items:start}.work{gap:16px}.side{padding:20px 14px;height:calc(100vh - 32px);box-shadow:0 10px 40px rgba(16,16,16,.08)}.side__scroll::-webkit-scrollbar{width:5px}.side__scroll::-webkit-scrollbar-thumb{background:#2A2A2A;border-radius:99px}.side__brand{padding:4px 8px 20px;gap:11px}.side__brand b{font-size:16px;line-height:1.15;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side__brand small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.side__group{margin-bottom:18px}.side__group h5{margin:0 0 8px;padding:0 12px;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.side a,.side button.navlink{padding:10px 13px;font-size:14px;line-height:1.2;min-height:40px}.side a.is-active{box-shadow:0 6px 18px rgba(255,74,23,.32)}.side .ic{opacity:.75}.side a.is-active .ic{opacity:1}.side__user{padding:11px 12px}.side__user b{display:block;line-height:1.2}.side__user small{margin-top:2px;line-height:1.25}.topbar{padding:10px 12px 10px 20px;min-height:64px;gap:10px;box-shadow:0 6px 20px rgba(16,16,16,.05)}.topbar__title{font-size:18px;line-height:1.2;letter-spacing:-.02em}.topbar .search{height:var(--h-control);flex:0 1 300px;border:1px solid var(--line);background:#fff}.topbar .search:focus-within{border-color:var(--ink)}.topbar .btn{height:var(--h-control);padding:0 18px;font-size:14px}.panel{padding:var(--pad-panel);box-shadow:0 6px 20px rgba(16,16,16,.05)}.panel + .panel{margin-top:0}.panel__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;min-height:var(--h-control)}.panel__head h2{font-size:20px;letter-spacing:-.025em;margin-right:auto;line-height:1.2}.panel__head .btn{height:var(--h-control);padding:0 20px;font-size:14px}.panel__head .pill{height:32px;padding:0 14px}.panel--dark{box-shadow:none}.panel--dark h1{line-height:1.05}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}.panel__head + .toolbar{margin-top:2px}.toolbar__count{font-size:13.5px;color:var(--muted);margin-right:auto;white-space:nowrap}.toolbar .select,.toolbar input.select,.toolbar .btn,.toolbar .tbtn,.toolbar label.btn{height:var(--h-control);padding:0 16px;font-size:14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;line-height:1}.toolbar .select{border:1px solid var(--line);background:#fff;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8A8A85 50%),linear-gradient(135deg,#8A8A85 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.toolbar input.select{background-image:none;padding-right:16px}.toolbar .select:focus{outline:none;border-color:var(--ink)}.toolbar .seg{height:var(--h-control);align-items:center}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.actions .btn,.actions label.btn{height:var(--h-control);padding:0 18px;font-size:14px;display:inline-flex;align-items:center}.kpi{gap:16px}.kpi__card{padding:20px 22px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-height:118px}.kpi__card .card__cat{font-size:12px;letter-spacing:.01em}.kpi__card b{font-size:28px;margin:8px 0 2px;line-height:1.05;letter-spacing:-.04em}.delta{font-size:12.5px;line-height:1.3}.table{font-size:14px;border-collapse:separate;border-spacing:0}.table th{padding:0 14px 12px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}.table td{padding:14px;border-top:1px solid var(--line);vertical-align:middle}.table tbody tr:hover td{background:var(--paper)}.table tbody tr:hover td:first-child{border-radius:12px 0 0 12px}.table tbody tr:hover td:last-child{border-radius:0 12px 12px 0}.table td:first-child,.table th:first-child{padding-left:8px}.table td:last-child,.table th:last-child{padding-right:8px;white-space:nowrap;text-align:right}.table td .card__cat{margin-top:3px;font-size:11.5px}.table td b{font-weight:600}.table a{text-decoration:none}.table a:hover{color:var(--orange)}.table input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange);cursor:pointer;vertical-align:middle}.table td .tbtn,.table td a.tbtn{height:var(--h-control-sm);min-width:var(--h-control-sm);padding:0 12px;font-size:12.5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.table td .tbtn:first-child{margin-left:0}.status{height:26px;padding:0 12px;font-size:11.5px;font-weight:500;display:inline-flex;align-items:center;border-radius:999px;white-space:nowrap}.field{margin-bottom:16px}.field label{font-size:12.5px;color:var(--muted);margin-bottom:7px;display:block}.field input,.field select,.field textarea{height:var(--h-control);padding:0 15px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14.5px;width:100%}.field textarea{height:auto;padding:12px 15px;line-height:1.45;min-height:84px}.field select{appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,#8A8A85 50%),linear-gradient(135deg,#8A8A85 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.field select[multiple]{height:auto;padding:8px;background-image:none}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink)}.field input[readonly]{background:var(--paper);color:var(--muted)}.formrow{gap:0 16px}.formrow--3{gap:0 16px}.check{gap:11px;padding:8px 0;font-size:14px;align-items:center}.check input{width:18px;height:18px}.fld--bool{padding:11px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff}.fld--bool label{font-size:14px;color:var(--text)}.hint{font-size:12.5px;color:var(--muted);margin:-8px 0 16px;line-height:1.4}.hint-row{padding:13px 16px;border-radius:12px;line-height:1.45}.domain{align-items:stretch}.domain input{height:var(--h-control);border-radius:0 12px 12px 0}.domain__suffix{display:inline-flex;align-items:center;height:var(--h-control);padding:0 14px;font-size:13.5px;background:var(--paper);border-radius:12px 0 0 12px;border:1px solid var(--line);border-right:0}.domain--suffix-right input{border-radius:12px 0 0 12px}.domain--suffix-right .domain__suffix{border-radius:0 12px 12px 0;border:1px solid var(--line);border-left:0}.panetabs{gap:4px;padding:5px;margin-bottom:18px;background:var(--paper);display:inline-flex;flex-wrap:wrap;width:auto;max-width:100%}.panetabs button{padding:0 18px;height:36px;font-size:13.5px;white-space:nowrap;color:var(--muted)}.panetabs button[aria-selected="true"]{background:#fff;color:var(--text);box-shadow:0 2px 8px rgba(16,16,16,.07)}.tbtn{height:var(--h-control);padding:0 16px;font-size:13.5px;justify-content:center}.seg{padding:5px;gap:4px}.seg .tbtn{height:32px;padding:0 14px;font-size:13px}.btn{height:46px;padding:0 24px}.btn--wide{width:100%}.pill{height:34px;padding:0 15px;font-size:13px}.tree{gap:10px}.tree__row{padding:14px 16px;gap:14px;border-radius:16px}.tree__row:hover{border-color:var(--ink)}.tree__row.is-kid{margin-left:40px}.tree__pic{width:48px;height:48px;border-radius:12px}.tree__row b{font-size:15px;line-height:1.25}.tree__row small{margin-top:3px;display:block}.tree__end{gap:10px}.tree__stat{font-size:12.5px;padding:0 2px}.tree__end .tbtn{height:var(--h-control-sm);padding:0 14px;font-size:12.5px}.pagecard{padding:16px 18px;border-radius:16px;gap:16px}.pagecard__end{gap:10px}.pagecard__end .btn{height:var(--h-control-sm);padding:0 16px;font-size:13px}.kanban{gap:14px;padding-bottom:10px}.kcol{padding:14px;border-radius:16px}.kcol__head{font-size:13px;letter-spacing:-.01em;margin-bottom:12px}.kcard{padding:13px 14px;border-radius:12px;margin-bottom:9px}.kcard b{font-size:14px;line-height:1.25}.kcard small{font-size:11.5px;margin-top:5px}.fstep{gap:16px}.fstep__bar{height:48px;border-radius:14px;font-size:15px}.fstep b{font-size:15px}.fstep__meta{margin-top:3px}.modal{padding:24px}.modal__box{border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.modal__head{padding:18px 22px;gap:10px;min-height:70px;flex-wrap:wrap}.modal__head b{font-size:17px;letter-spacing:-.02em}.modal__head .btn{height:var(--h-control);padding:0 18px;font-size:14px}.modal__body{padding:22px}.modal__body .panel{box-shadow:none;border:1px solid var(--line)}.modal__body>.panetabs{margin-bottom:20px}.modal__body .field:last-child{margin-bottom:0}.placeholder{padding:52px 24px;border-radius:16px}.placeholder h3{font-size:18px;margin-bottom:8px}.placeholder p{font-size:14px;color:var(--muted);max-width:46ch;margin:0 auto;line-height:1.5}.specs td{padding:13px 4px;font-size:14px}.specs td:first-child{color:var(--muted)}.chips{gap:8px}.upl{gap:12px}.map a{padding:14px 16px;border-radius:16px}.bars{gap:8px;height:170px}.sum-row{padding:10px 0}.auth__form,.auth__side{padding:40px}.stagebox{border-radius:16px}@media (max-width:1200px){.kpi{grid-template-columns:1fr 1fr}}@media (max-width:1100px){.app{padding:12px;gap:12px}.side{height:auto;padding:14px;box-shadow:none}.side__brand{padding:0 4px 0 8px;flex:1 1 100%;order:1}.side__scroll{order:3}.side__group{margin-bottom:12px}.topbar{min-height:auto;padding:14px;border-radius:20px}.topbar__title{flex:1 1 100%}.topbar .search{flex:1 1 100%}}@media (max-width:720px){:root{--pad-panel:18px}.kpi{grid-template-columns:1fr}.panel__head h2{font-size:18px;width:100%;margin-bottom:4px}.toolbar>*{flex:1 1 auto}.toolbar__count{flex:1 1 100%;margin-bottom:4px}.table{font-size:13.5px}.table td,.table th{padding:11px 10px}.modal{padding:0}.modal__box{border-radius:0;height:100%}.tree__row{flex-wrap:wrap}.tree__end{width:100%;margin-left:0}.tree__row.is-kid{margin-left:16px}}.masslist{display:grid;gap:10px}.massrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.massrow .check{padding:0}.massrow .select{height:var(--h-control);border:1px solid var(--line);border-radius:999px;padding:0 16px;font-size:14px;background:#fff;width:100%}@media (max-width:640px){.massrow{grid-template-columns:1fr}}.bld{padding:12px;gap:12px}.bar{padding:9px 10px 9px 18px;min-height:60px;box-shadow:0 6px 20px rgba(16,16,16,.05)}.bar__title{font-size:15.5px;display:block;line-height:1.2}.bar__path{font-size:12px;color:var(--muted)}.pane{padding:16px;box-shadow:0 6px 20px rgba(16,16,16,.05)}.blib button{padding:11px 12px;border-radius:12px;min-height:52px}.layer{padding:11px 12px;border-radius:12px;min-height:46px}.stage{padding:20px}.rte__area{min-height:170px}.fld>label{font-size:12.5px;margin-bottom:7px}.fld input[type=text],.fld input[type=number],.fld select,.fld textarea{height:var(--h-control);padding:0 14px;border-radius:12px;background:#fff;font-size:14px}.fld textarea{height:auto;padding:11px 14px;min-height:80px}.stepper input{height:var(--h-control)}.stepper button{width:var(--h-control);height:var(--h-control)}.repit__head{padding:11px 13px;min-height:46px}.grads button{height:42px;border-radius:10px}.swatchrow button{width:30px;height:30px}.cardlab{gap:16px}.cardlab__set{padding:20px}.grp__head{padding:8px 2px;font-size:14px}.grp{padding:14px 0}.presets{gap:8px;margin-bottom:16px}.codebox{padding:18px;border-radius:16px;font-size:12px}.card__foot .btn{height:42px}.crumbs{padding:6px 10px 0;gap:7px}html,body{max-width:100%}.work>*,.grid>*,.panel>*{min-width:0}.panel,.kcard,.tree__row,.dialog{overflow-wrap:break-word}@media (max-width:1100px){.side{flex-wrap:wrap;gap:12px}.side__brand{padding-bottom:0}.side__foot{padding-top:10px;margin-top:4px}.seg{flex-wrap:wrap;height:auto;gap:6px}.cal__d{min-height:78px}}@media (max-width:720px){.app{padding:10px;gap:10px}.topbar{padding:12px;gap:8px}.topbar__title{font-size:17px}.topbar .btn{height:38px;padding:0 14px;font-size:13.5px;flex:1 1 auto}.topbar .search{height:38px}.panel{padding:16px;border-radius:20px}.panel__head{gap:8px;margin-bottom:14px}.panel__head .btn{width:100%;height:42px}.panel__head .pill{order:3}.toolbar{gap:8px}.toolbar .select,.toolbar input.select{width:100%;flex:1 1 100%}.toolbar .seg{width:100%;justify-content:flex-start;overflow-x:auto}.actions .btn,.actions label.btn{flex:1 1 100%;justify-content:center}.table{min-width:640px}.table td,.table th{padding:11px 8px}.table td:last-child{position:sticky;right:0;background:#fff;box-shadow:-8px 0 12px rgba(255,255,255,.9)}.table tbody tr:hover td:last-child{background:var(--paper)}.tree__row{padding:14px;gap:12px}.tree__pic{width:40px;height:40px}.tree__end{width:100%;margin-left:0;justify-content:flex-start;gap:8px}.tree__stat{font-size:12px}.tree__row.is-kid{margin-left:14px}.kanban{grid-auto-columns:82vw;gap:10px}.cal,.cal__head{grid-template-columns:repeat(7,minmax(44px,1fr));min-width:340px}.cal__d{min-height:70px;padding:7px}.cal__d em{font-size:12px}.cal__d small{display:none}.msgs{max-height:44vh}.msg{max-width:88%}.dialog small{max-width:100%}.field input,.field select,.field textarea{font-size:16px}.modal__head{padding:14px;min-height:auto}.modal__head .btn{flex:1 1 auto;height:40px}.modal__body{padding:16px}.modal__body .kpi{grid-template-columns:1fr 1fr}.cardlab__set{padding:16px}.codebox{font-size:11px;padding:14px}.presets{gap:6px}.pill{height:32px;font-size:12.5px}}@media (max-width:520px){.kpi__card{padding:16px;min-height:96px}.kpi__card b{font-size:24px}.modal__body .kpi{grid-template-columns:1fr}.kanban{grid-auto-columns:88vw}.panetabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.panetabs button{flex:0 0 auto}.upl{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.bld{padding:8px;gap:8px}.bar{padding:10px;border-radius:20px;min-height:auto}.bar .tbtn,.bar a.tbtn{height:38px;padding:0 12px;font-size:13px}.bar .seg{width:100%;order:5}.bld__lib,.bld__insp{border-radius:20px}.stage{padding:12px}.canvas{width:100%!important}}@media (max-width:760px){[style*="min-width"]:not(.table):not(.compare){min-width:0 !important}.toolbar input,.toolbar select,.panel input,.panel select,.panel textarea{max-width:100%}.modal__box{max-width:100% !important}.cardlab,.catalog,.cart-layout,.setup,.chatwrap,.product{grid-template-columns:1fr !important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr !important}.kpi{grid-template-columns:1fr !important}.stagebox{padding:12px}.stagebox .pv-grid,.stagebox .sw-grid{grid-template-columns:1fr !important}}@media (max-width:820px){.grid-2{grid-template-columns:1fr !important}.kpi{grid-template-columns:1fr 1fr}.catalog,.cart-layout,.chatwrap,.cardlab,.setup,.product{grid-template-columns:1fr !important}}@media (max-width:560px){.grid-3,.grid-4{grid-template-columns:1fr !important}.kpi{grid-template-columns:1fr}.formrow,.formrow--3{grid-template-columns:1fr !important}.tiles,.scale{grid-template-columns:1fr 1fr}}.crm-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.crm-tasks{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.task-row{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:8px}.task-row.is-late{border-color:var(--orange);background:#FFF7F4}.task-row.is-done{opacity:.5}.task-row b{font-size:14px;display:block;line-height:1.3}.task-row small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.task-row__check{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);flex:none;background:#fff;cursor:pointer;display:grid;place-items:center;font-size:11px;color:transparent}.task-row.is-done .task-row__check{background:var(--green);border-color:var(--green);color:#101010}.task-row__x{margin-left:auto;border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:13px}@media (max-width:1100px){.crm-grid{grid-template-columns:1fr}.crm-tasks{position:static;max-height:none}}.dash{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.dash>.wide{grid-column:1 / -1}.dash .panel{position:relative}.dash .panel__head h2{font-size:18px}.wgt-x{border:0;background:transparent;color:var(--muted);cursor:pointer;width:30px;height:30px;border-radius:50%;font-size:13px}.wgt-x:hover{background:var(--paper);color:var(--text)}.wgt-empty{border:1px dashed var(--line);border-radius:20px;padding:30px;text-align:center;color:var(--muted);grid-column:1 / -1}.mini{display:grid;gap:8px}.mini__row{display:flex;align-items:center;gap:12px}.mini__bar{height:34px;border-radius:10px;background:var(--orange);display:flex;align-items:center;padding:0 10px;color:#fff;font-size:13px;font-weight:600;min-width:44px}.mini__meta{font-size:13px;color:var(--muted)}.live{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;box-shadow:0 0 0 4px rgba(140,210,76,.22)}.wgt-pick{display:grid;gap:8px}.wgt-pick__row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.wgt-pick__row b{font-size:14px;display:block}.wgt-pick__row small{font-size:12px;color:var(--muted)}.wgt-pick__row .ord{margin-left:auto;display:flex;gap:4px}.wgt-pick__row .ord button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;font-size:12px}@media (max-width:1000px){.dash{grid-template-columns:1fr}}.stage-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;padding-bottom:6px}.stage-cell{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}.stage-cell b{display:block;font-size:22px;letter-spacing:-.04em;line-height:1}.stage-cell span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.stage-cell.is-hot{border-color:var(--orange);background:#FFF7F4}.kcol.is-over{outline:2px dashed var(--orange);outline-offset:-4px}.kcard__tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.kcard__tags span{font-size:10.5px;padding:3px 8px;border-radius:999px;background:var(--paper);color:var(--muted)}.loss-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.loss-row:first-child{border-top:0}.loss-bar{height:10px;border-radius:99px;background:var(--paper);flex:1;overflow:hidden;min-width:80px}.loss-bar i{display:block;height:100%;background:var(--orange);border-radius:99px}.logo-up{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.logo-up__prev{width:120px;height:120px;border-radius:18px;flex:none;overflow:hidden;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;position:relative}.logo-up__prev img{width:100%;height:100%;object-fit:contain;background:#fff}.logo-up__prev .ph{width:100%;height:100%;min-height:0;border-radius:0}.logo-up__prev button{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.92);cursor:pointer;font-size:12px}.logo-drop{flex:1;min-width:220px;border:1px dashed var(--line);border-radius:16px;padding:20px;text-align:center;background:#fff;cursor:pointer}.logo-drop.is-over{border-color:var(--orange);background:#FFF7F4}.logo-drop b{display:block;font-size:14.5px;margin-bottom:6px}.logo-drop small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4}.logo-thumb{width:44px;height:44px;border-radius:12px;overflow:hidden;flex:none;background:var(--paper)}.logo-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.logo-thumb .ph{width:100%;height:100%;min-height:0}.acl{display:grid;gap:6px;max-height:280px;overflow-y:auto;padding-right:4px}.acl__row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.acl__row b{font-size:13.5px;font-weight:500;flex:1;min-width:0}.acl__row small{font-size:11.5px;color:var(--muted);display:block}.acl__lvl{display:inline-flex;gap:3px;background:var(--paper);padding:3px;border-radius:999px;flex:none}.acl__lvl button{border:0;background:transparent;border-radius:999px;padding:6px 11px;font-size:12px;cursor:pointer;color:var(--muted)}.acl__lvl button[aria-pressed="true"]{background:#fff;color:var(--text);font-weight:500;box-shadow:0 2px 6px rgba(16,16,16,.08)}.acl__lvl button[aria-pressed="true"][data-l="edit"]{background:var(--orange);color:#fff}.acl-group{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:10px 2px 2px}.ic{width:18px;height:18px;flex:none}.topbar .search{gap:9px}.topbar .search .ic{width:16px;height:16px;color:var(--muted);flex:none}.topbar .search:focus-within .ic{color:var(--text)}.topbar .search input{font-size:14px}.icon-btn svg{width:18px;height:18px;flex:none}.side .ic{width:18px;height:18px}.toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.toolbar::-webkit-scrollbar{height:6px}.toolbar::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.toolbar>*{flex:0 0 auto}.toolbar__count{flex:0 0 auto;margin-right:auto;white-space:nowrap;font-size:13.5px;color:var(--muted)}.toolbar .select,.toolbar input.select{width:auto;min-width:150px;max-width:280px;text-overflow:ellipsis}.toolbar input.select{min-width:200px}.toolbar .btn,.toolbar .tbtn,.toolbar label.btn{white-space:nowrap}.toolbar .seg{flex:0 0 auto;height:var(--h-control)}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.actions>*{flex:0 0 auto}.panel__head{gap:12px}.panel__head>* + *{margin-left:0}.chips{gap:8px}.table td .tbtn,.table td a.tbtn{margin-left:6px}.table td .tbtn:first-child{margin-left:0}.tree__end{gap:10px}.tree__end>* + *{margin-left:0}.modal__head{gap:10px}.modal__head .btn + .btn{margin-left:0}.pagecard__end{gap:10px}.cv__tools{gap:5px}.seg{gap:5px}.card__foot{gap:8px}.table td,.table th,.kpi__card b,.stat b,.sum-row,.specs td,.compare td{font-variant-numeric:tabular-nums}.panel__head h2{line-height:1.2;letter-spacing:-.025em}.kpi__card .card__cat{line-height:1.3}.kpi__card b{line-height:1.05}.delta{line-height:1.35}.table td{line-height:1.35}.table td .card__cat{line-height:1.3}.field label{line-height:1.3}.hint,.hint-row{line-height:1.45}.placeholder p{line-height:1.5}.lead{line-height:1.5}.work>section + section{margin-top:0}.work{gap:16px}.grid{gap:16px}.kpi{gap:16px}.panel{display:block}.panel>.toolbar:last-child{margin-bottom:0}.panel>div:last-child>.table:last-child{margin-bottom:0}.tablewrap{margin:0 -4px}.tablewrap .table{margin:0}.grid>.panel{height:100%}.kpi__card{justify-content:flex-start}@media (max-width:820px){.toolbar{flex-wrap:wrap;overflow:visible;gap:8px}.toolbar>*{flex:1 1 100%}.toolbar .select,.toolbar input.select{min-width:0;max-width:none;width:100%}.toolbar__count{flex:1 1 100%;margin:0 0 2px}.toolbar .seg{width:100%;overflow-x:auto;justify-content:flex-start}.toolbar .btn,.toolbar .tbtn,.toolbar label.btn{width:100%;justify-content:center}.actions{gap:8px}.actions>*{flex:1 1 100%;justify-content:center}.panel__head{flex-wrap:wrap}.panel__head h2{flex:1 1 100%}.panel__head .pill{order:2}.table td .tbtn,.table td a.tbtn{margin:2px 0 2px 6px}}@media (max-width:560px){.work{gap:12px}.grid,.kpi{gap:12px}.panel{padding:16px;border-radius:20px}.panel__head h2{font-size:17px}.kpi__card b{font-size:23px}.table td,.table th{padding:10px 8px}.modal__head .btn{width:100%}.modal__head .bar__sp{display:none}}@media (min-width:821px){.toolbar>.select,.toolbar>input.select{flex:0 1 auto;min-width:132px}.toolbar>.btn,.toolbar>.tbtn,.toolbar>label.btn{flex:0 0 auto}.toolbar__count{min-width:0;overflow:hidden;text-overflow:ellipsis}}.cardlab{display:grid;grid-template-columns:330px 1fr;gap:var(--gap);align-items:start}.cardlab__set{max-height:calc(100vh - 28px);overflow-y:auto;scrollbar-width:thin}.cardlab__view{position:sticky;top:14px}.grp{border-top:1px solid var(--line);padding:12px 0}.grp:first-child{border-top:0}.grp__head{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 2px;font-weight:600;font-size:14.5px}.grp__head span{margin-left:auto;color:var(--muted);font-size:12px}.grp__body{display:none;padding-top:10px}.grp.is-open .grp__body{display:block}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.stagebox{background:var(--paper);border-radius:var(--r-md);padding:20px;overflow-x:auto}.stagebox--dark{background:#101010}.stagebox--white{background:#fff}.codebox{background:#0E0E0E;color:#E8E8E4;border-radius:var(--r-md);padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;max-height:340px;overflow:auto;white-space:pre}@media (max-width:1000px){.cardlab{grid-template-columns:1fr}.cardlab__set{max-height:none}.cardlab__view{position:static}}
/* ============================================================
   MOBILE FIX — панели управления на узких экранах (≤720px).
   Причина горизонтального скролла (~674px на 390px): .dash на
   ≤1000px использует трек 1fr, чей минимум равен min-content
   панелей, а внутри панелей .tablewrap содержит .table с
   min-width:640px (см. @media (max-width:720px) выше) — трек
   распирается до 640px+ и тянет за собой .app.
   min-width:0 возвращает сеткам возможность сжаться, при этом
   таблица скроллится внутри .tablewrap (у него inline overflow-x).
   ============================================================ */
@media (max-width:720px){
  .panel{min-width:0}
  .dash{grid-template-columns:minmax(0,1fr)}
}