@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Onest:wght@500;600;700&display=swap');

:root{--ink:#18231f;--muted:#728079;--line:#dfe5dd;--paper:#fbfcf8;--cream:#f2f5ed;--pine:#195e45;--lime:#d9eeac;--soft-green:#eff7e9;--warning:#a65623;--radius:16px;--font-sans:Manrope, sans-serif}
.toast.toast-ok{background:var(--pine)}
html body .costs-hero h1,html body .workspace-hero h1,html body .settings-hero h1,html body .login-card h1,html body .empty-state h1,html body .panel-heading h2,html body .settings-card h2,html body .metric-card b,html body .workspace-metrics b{font-family:'Onest',sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.08}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-sans);font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{position:sticky;z-index:10;top:0;min-height:68px;padding:0 4vw;display:flex;align-items:center;gap:2rem;background:#fbfcf8e8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-family:'Playfair Display',serif;font-size:1.28rem;font-weight:700;white-space:nowrap;letter-spacing:-.04em}.tabs{display:flex;align-items:stretch;justify-content:center;flex:1;gap:.15rem}.tabs a,.user-menu>a,.user-menu>button{padding:23px .7rem;color:var(--muted);border:0;background:transparent;cursor:pointer}.tabs a.active{color:var(--pine);font-weight:800;box-shadow:inset 0 -3px var(--pine)}.user-menu{position:relative;display:flex;align-items:center;white-space:nowrap}.dropdown{position:absolute;right:0;top:55px;min-width:170px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.4rem;box-shadow:0 16px 32px #1a30211c}.dropdown a,.dropdown button{display:block;width:100%;padding:.7rem;text-align:left;border:0;background:transparent;cursor:pointer}.dropdown a:hover,.dropdown button:hover{background:var(--cream)}main{max-width:1320px;margin:0 auto;padding:3.2rem 4vw 5rem}.auth-layout{min-height:100vh;display:grid;place-items:center;background:var(--cream)}
.eyebrow{margin:0;color:var(--pine);font-size:.69rem;font-weight:800;letter-spacing:.14em}.costs-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.1rem}.costs-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,5vw,4.25rem);line-height:.95;letter-spacing:-.065em;margin:.42rem 0 .85rem}.hero-copy{max-width:520px;margin:0;color:var(--muted);line-height:1.65}.catalog-status{min-width:215px;padding:1rem 1.15rem;border-left:2px solid var(--pine);background:#f8faf4}.catalog-status span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:.3rem}.catalog-status strong{font-size:.82rem;font-weight:700}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.7rem}.metric-card{min-height:122px;padding:1.1rem 1.15rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s,box-shadow .18s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #17442c0b}.metric-card span{color:var(--muted);font-size:.78rem;font-weight:700}.metric-card b{font-family:'Playfair Display',serif;font-size:2.05rem;line-height:1;letter-spacing:-.045em}.metric-card small{color:var(--pine);font-weight:800}.metric-complete{background:var(--soft-green);border-color:#d3e7c6}.metric-attention{background:#fff9f2;border-color:#f0dfcc}.metric-attention small{color:var(--warning)}
.catalog-panel{border:1px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden;box-shadow:0 18px 44px #1833230a}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:1.55rem 1.65rem .95rem}.panel-heading h2{font-family:'Playfair Display',serif;font-size:1.75rem;letter-spacing:-.045em;margin:.28rem 0 0}.panel-actions{display:flex;align-items:center;gap:1rem}.panel-hint{color:var(--muted);font-size:.78rem}.view-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:#f3f6f0}.view-button{padding:.36rem .65rem;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.73rem;font-weight:800;cursor:pointer}.view-button.active{background:white;color:var(--pine);box-shadow:0 1px 4px #23402b18}.filters{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px;gap:.65rem;padding:1rem 1.65rem 1.45rem;border-bottom:1px solid var(--line);background:#f9faf6}.filters label{display:grid;gap:.35rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.04em}.filters input,.filters select{height:43px;width:100%;padding:0 .8rem;border:1px solid #d5ddd2;border-radius:9px;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.filters input:focus,.filters select:focus,.inline-cost input:focus{border-color:var(--pine);box-shadow:0 0 0 3px #d9eeac87}.search-field input{padding-left:2.35rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23728079' stroke-width:2'%3E%3Ccircle cx='7' cy='7' r='4'/%3E%3Cpath d='m10 10 4 4'/%3E%3C/svg%3E") no-repeat .8rem center}
.cost-head,.cost-row{display:grid;grid-template-columns:minmax(280px,2fr) minmax(105px,.65fr) minmax(310px,1.25fr) 105px 42px;gap:1rem;align-items:center}.cost-head{padding:.75rem 1.65rem;color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#f4f7f0}.cost-row{position:relative;padding:1rem 1.65rem;border-top:1px solid #edf0ea;min-height:89px}.cost-row:hover{background:#fbfdf8}.cost-row.missing{background:#fffdf9}.product{display:flex;align-items:center;gap:.8rem;min-width:0}.photo{width:52px;height:52px;flex:0 0 52px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#e9f0e4;color:#84a174;font-size:1.45rem}.photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.product strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;letter-spacing:-.015em}.product small{display:block;margin-top:.25rem;color:var(--muted);font-size:.72rem}.offer{font-size:.79rem;font-weight:700;color:#526159;word-break:break-word}.inline-cost{display:flex;align-items:center;gap:.45rem}.inline-cost input{height:37px;width:105px;padding:0 .6rem;border:1px solid #d5ddd2;border-radius:8px;background:#fff;font-weight:800;outline:none}.inline-cost .date-input{width:132px;color:var(--muted);font-weight:600;font-size:.75rem}.save-cost{height:37px;padding:0 .76rem;border:0;border-radius:8px;background:var(--pine);color:white;font-size:.73rem;font-weight:800;cursor:pointer;transition:background .15s}.save-cost:hover{background:#0e4934}.cost-row time{color:var(--muted);font-size:.76rem}.history{height:34px;width:34px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--pine);font-size:1rem;cursor:pointer}.history:hover{border-color:var(--pine);background:var(--soft-green)}.history-slot{grid-column:1/-1}.history-list{margin:.2rem 0 0 64px;padding:.7rem .9rem;border-radius:10px;background:#f3f7ee}.history-list div{display:grid;grid-template-columns:105px 105px 1fr auto;gap:.5rem;padding:.35rem 0;font-size:.75rem}.history-list span{font-weight:700}.history-list small{color:var(--muted)}.history-list em{color:var(--pine);font-style:normal;font-weight:800}.empty-list{min-height:210px;display:grid;place-content:center;gap:.35rem;text-align:center;color:var(--muted)}.empty-list b{color:var(--ink);font-family:'Playfair Display',serif;font-size:1.5rem}.costs-page[data-view='table'] .cost-row{min-height:62px;padding-top:.45rem;padding-bottom:.45rem}.costs-page[data-view='table'] .photo{width:36px;height:36px;flex-basis:36px;border-radius:8px}.costs-page[data-view='table'] .product small{display:none}.costs-page[data-view='table'] .product strong{font-size:.82rem}.costs-page[data-view='table'] .inline-cost input,.costs-page[data-view='table'] .save-cost{height:33px}.costs-page[data-view='table'] .history-slot{display:none}.toast{position:fixed;right:1rem;bottom:1rem;max-width:360px;padding:1rem;border-radius:10px;background:#9f3730;color:white;box-shadow:0 8px 24px #17221d44}
.password-input{display:flex}.password-input input{flex:1;min-width:0}.password-input button{margin-left:.35rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--pine);cursor:pointer;font-size:.82rem}.login-card{width:min(100%,430px);padding:2.8rem;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:12px 12px 0 #dce8d7}.login-card h1,.empty-state h1{font-family:'Playfair Display',serif;font-size:2.4rem;letter-spacing:-.05em;margin:.25rem 0}.muted{color:var(--muted);line-height:1.6}.stack{display:grid;gap:1rem;margin-top:1.8rem}.stack label{display:grid;gap:.4rem;font-size:.84rem;font-weight:bold}.stack input{padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.primary{padding:.78rem 1rem;border:0;border-radius:8px;background:var(--pine);color:white;font-weight:bold;cursor:pointer}.button{display:inline-block}.form-error{padding:.75rem;background:#f8e6e4;color:#a52b2b;border-radius:8px}.empty-state{text-align:center;padding:12vh 1rem}.empty-state p{color:var(--muted)}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.cost-head{display:none}.cost-row{grid-template-columns:1fr auto;gap:.7rem;padding:1rem}.product{grid-column:1/-1}.offer{grid-column:1}.inline-cost{grid-column:1/-1}.cost-row time{display:none}.history{grid-column:2;grid-row:2}.panel-heading,.filters{padding-left:1rem;padding-right:1rem}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}}
@media(max-width:650px){.topbar{padding:.3rem 1rem;flex-wrap:wrap;gap:.2rem}.tabs{order:3;overflow:auto;justify-content:flex-start;width:100%}.tabs a{padding:.75rem .55rem;font-size:.82rem}.user-menu>a{display:none}.user-menu>button{padding:.6rem}.brand{font-size:1rem}main{padding:2rem 1rem}.costs-hero{display:block}.catalog-status{margin-top:1.4rem}.metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:102px}.metric-card b{font-size:1.7rem}.panel-heading{align-items:flex-start}.panel-hint{display:none}.filters{grid-template-columns:1fr}.search-field{grid-column:auto}.inline-cost{flex-wrap:wrap}.inline-cost input{width:calc(50% - .25rem)}.inline-cost .date-input{width:calc(50% - .25rem)}.save-cost{width:100%}.history-list{margin-left:0}.history-list div{grid-template-columns:1fr 1fr}}

/* Плитки товаров: широкий обзор каталога, как в кабинете маркетплейса. */
.costs-page[data-view='table'] .cost-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem;background:#f4f7f0}.costs-page[data-view='table'] .cost-head{display:none}.costs-page[data-view='table'] .cost-row{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-content:start;min-height:374px;padding:1rem;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 2px 8px #18332308}.costs-page[data-view='table'] .cost-row:hover{transform:translateY(-2px);box-shadow:0 12px 24px #18332312}.costs-page[data-view='table'] .product{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:.8rem}.costs-page[data-view='table'] .photo{width:180px;height:236px;flex-basis:180px;border-radius:9px}.costs-page[data-view='table'] .product strong{white-space:normal;font-size:.86rem;line-height:1.35}.costs-page[data-view='table'] .product small{display:block}.costs-page[data-view='table'] .offer{grid-column:1;font-size:.73rem;align-self:center}.costs-page[data-view='table'] .inline-cost{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 118px auto;gap:.4rem;padding-top:.65rem;border-top:1px solid #edf0ea}.costs-page[data-view='table'] .inline-cost input{width:100%;height:35px}.costs-page[data-view='table'] .inline-cost .date-input{width:118px}.costs-page[data-view='table'] .save-cost{height:35px}.costs-page[data-view='table'] .cost-row time{grid-column:1;color:var(--muted);font-size:.7rem;align-self:center}.costs-page[data-view='table'] .history{grid-column:2;grid-row:3;align-self:center}.costs-page[data-view='table'] .history-slot{display:block;grid-column:1/-1}.costs-page[data-view='table'] .history-list{margin:0}.costs-page[data-view='table'] .empty-list{grid-column:1/-1;background:#fff;border-radius:12px}.costs-page[data-view='table'] .cost-row.missing{background:#fffdf9}@media(max-width:1100px){.costs-page[data-view='table'] .cost-table{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.costs-page[data-view='table'] .cost-table{grid-template-columns:1fr;padding:.65rem}.costs-page[data-view='table'] .cost-row{min-height:0}.costs-page[data-view='table'] .product{grid-template-columns:112px minmax(0,1fr)}.costs-page[data-view='table'] .photo{width:112px;height:148px;flex-basis:112px}.costs-page[data-view='table'] .inline-cost{grid-template-columns:1fr 105px}.costs-page[data-view='table'] .inline-cost .date-input{width:100%}.costs-page[data-view='table'] .save-cost{grid-column:1/-1}.panel-actions{gap:.5rem}.view-switch{flex-shrink:0}}

.workspace-page{max-width:1120px}.workspace-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.workspace-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,5vw,4.1rem);line-height:.95;letter-spacing:-.065em;margin:.4rem 0 .75rem}.workspace-hero p:not(.eyebrow){max-width:530px;margin:0;color:var(--muted);line-height:1.65}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.2rem}.workspace-metrics>div{min-height:125px;padding:1.2rem;border:1px solid var(--line);border-radius:15px;background:var(--paper);display:flex;flex-direction:column;justify-content:space-between}.workspace-metrics span{color:var(--muted);font-size:.77rem;font-weight:700}.workspace-metrics b{font-family:'Playfair Display',serif;font-size:2rem;letter-spacing:-.05em}.insight-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.9rem;margin-bottom:1.2rem}.insight-card,.notice-card{padding:1.35rem;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.insight-card h2{font-family:'Playfair Display',serif;font-size:1.55rem;letter-spacing:-.04em;margin:.5rem 0}.insight-card p,.notice-card p{color:var(--muted);line-height:1.6}.insight-card a{color:var(--pine);font-size:.85rem;font-weight:800}.coverage{height:10px;margin:1.2rem 0 .45rem;overflow:hidden;border-radius:99px;background:#e7ede3}.coverage span{display:block;height:100%;border-radius:inherit;background:var(--pine)}.progress-card>b{font-size:1.15rem}.notice-card{margin-bottom:1.2rem;background:#f8fbf4;border-left:3px solid var(--pine)}.notice-card b{font-family:'Playfair Display',serif;font-size:1.3rem}.notice-card p{margin:.45rem 0 0}.workspace-list{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.section-title{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.35rem;border-bottom:1px solid var(--line)}.section-title h2{font-family:'Playfair Display',serif;font-size:1.45rem;letter-spacing:-.04em;margin:.3rem 0 0}.section-title>a,.section-title>span{color:var(--pine);font-size:.8rem;font-weight:800}.simple-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem 1.35rem;border-bottom:1px solid #edf0ea}.simple-row:last-child{border-bottom:0}.mini-photo{width:42px;height:42px;overflow:hidden;border-radius:8px;background:#e9f0e4}.mini-photo img{width:100%;height:100%;object-fit:cover}.simple-row strong{display:block;font-size:.86rem}.simple-row span{display:block;margin-top:.18rem;color:var(--muted);font-size:.73rem;font-weight:700}.simple-row>b{font-family:'Playfair Display',serif;font-size:1.1rem}.simple-row em{color:var(--muted);font-size:.76rem;font-style:normal}
@media(max-width:700px){.workspace-hero{display:block}.workspace-hero .primary{margin-top:1.25rem}.workspace-metrics,.insight-grid{grid-template-columns:1fr}.simple-row{padding:.75rem 1rem}.section-title{padding:1rem}.simple-row em{display:none}}

.settings-page{max-width:980px}.settings-hero{margin-bottom:2rem}.settings-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.95;letter-spacing:-.065em;margin:.45rem 0 .85rem}.settings-hero>div>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.6}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.settings-card{padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 10px 26px #18332308}.settings-card.api-card{grid-column:1/-1}.settings-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.35rem}.settings-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--pine);font-size:.73rem;font-weight:800}.settings-card h2{font-family:'Playfair Display',serif;font-size:1.65rem;letter-spacing:-.045em;margin:.2rem 0 0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.field-grid label{display:grid;gap:.4rem}.field-grid label>span{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.04em}.field-grid .wide-field{grid-column:1/-1}.field-grid input{height:44px;width:100%;padding:0 .75rem;border:1px solid #d5ddd2;border-radius:9px;background:#fff;color:var(--ink);outline:none}.field-grid input:focus{border-color:var(--pine);box-shadow:0 0 0 3px #d9eeac87}.field-note,.setup-note{margin:.85rem 0 0;color:var(--muted);font-size:.77rem;line-height:1.55}.setup-note{margin:-.35rem 0 1.15rem}.password-input{display:flex}.password-input input{flex:1}.password-input button{margin-left:.4rem;padding:0 .75rem;border:1px solid var(--line);border-radius:8px;background:#f5f8f2;color:var(--pine);font-size:.75rem;font-weight:800;cursor:pointer}.settings-actions{display:flex;gap:.65rem;margin-top:1.3rem}.secondary{padding:.75rem 1rem;border:1px solid #cbd7cb;border-radius:8px;background:#fff;color:var(--pine);font-weight:800;cursor:pointer}.catalog-card{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1.2rem 1.45rem;border:1px solid #d4e5c7;border-radius:16px;background:var(--soft-green)}.catalog-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--lime);color:var(--pine);font-size:1.45rem;font-weight:800}.catalog-card h2{font-family:'Playfair Display',serif;font-size:1.55rem;letter-spacing:-.04em;margin:.25rem 0}.catalog-card p:not(.eyebrow){margin:0;color:var(--muted);font-size:.78rem}.catalog-card .primary{margin-left:auto}@media(max-width:700px){.settings-layout{grid-template-columns:1fr}.settings-card.api-card{grid-column:auto}.catalog-card{align-items:flex-start;flex-wrap:wrap}.catalog-card .primary{width:100%;margin-left:0}.field-grid{grid-template-columns:1fr}.field-grid .wide-field{grid-column:auto}.settings-actions{flex-direction:column}.settings-actions button{width:100%}}