:root{--surface-0: #09090b;--surface-1: #111114;--surface-2: #18181c;--surface-3: #222228;--surface-hover: #292930;--text-primary: #f5f5f6;--text-secondary: #b6b6bf;--text-muted: #777782;--border-subtle: rgba(255,255,255,.075);--border-default: 1px solid rgba(255,255,255,.11);--accent: #e11d48;--accent-strong: #fb3158;--accent-soft: rgba(225,29,72,.14);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #38bdf8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--shadow-lg: 0 18px 50px rgba(0,0,0,.42);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:var(--surface-0);color:var(--text-primary);font-family:var(--font-sans)}body{min-height:100vh;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:var(--border-default);border-radius:var(--radius-md);padding:.72rem .82rem;color:var(--text-primary);background:var(--surface-2);outline:none}select option{color:var(--text-primary);background:var(--surface-2)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:92px;resize:vertical}a{color:inherit}.shell{display:flex;min-height:100dvh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;display:flex;width:252px;flex-direction:column;border-right:var(--border-default);background:var(--surface-1)}.brand{display:flex;min-height:76px;align-items:center;gap:.75rem;padding:1rem 1.15rem;border-bottom:var(--border-default);text-decoration:none}.brand img{max-width:176px;max-height:45px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:linear-gradient(145deg,#fb3158,#a90f37);font-weight:900;box-shadow:0 8px 22px #e11d4840}.brand-title{min-width:0;font-size:.98rem;font-weight:800;letter-spacing:-.02em}.nav{display:flex;flex:1;flex-direction:column;gap:.28rem;padding:1rem .75rem;overflow:auto}.nav a{display:flex;align-items:center;gap:.78rem;min-height:44px;padding:.7rem .8rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:650;text-decoration:none}.nav a:hover{background:var(--surface-hover);color:var(--text-primary)}.nav a.active{background:var(--accent-soft);color:#ff708c}.sidebar-footer{padding:.85rem;border-top:var(--border-default)}.user{display:flex;align-items:center;gap:.65rem;padding:.55rem}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--surface-3);color:#ff708c;font-weight:800}.user-meta{min-width:0;flex:1}.user-name{overflow:hidden;text-overflow:ellipsis;font-size:.82rem;font-weight:700;white-space:nowrap}.user-role{color:var(--text-muted);font-size:.68rem}.logout-button{width:100%;margin-top:.25rem;color:#ff8b8b!important}.logout-button:disabled,.mobile-logout:disabled{cursor:wait;opacity:.55}.main{width:calc(100% - 252px);min-width:0;margin-left:252px}.topbar{position:sticky;z-index:20;top:0;display:flex;min-height:64px;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:var(--border-default);background:#09090be0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h1{margin:0;font-size:1.05rem}.top-actions{display:flex;align-items:center;gap:.55rem}.content{max-width:1540px;margin:0 auto;padding:1.6rem}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.eyebrow{margin:0 0 .32rem;color:#ff708c;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.page-header h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.045em}.page-header p{margin:.42rem 0 0;color:var(--text-muted);font-size:.9rem}.catalog-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:var(--radius-md);padding:.58rem .85rem;color:var(--text-primary);background:var(--surface-3);font-weight:720;text-decoration:none;white-space:nowrap}.btn:hover{filter:brightness(1.12)}.btn:disabled{cursor:not-allowed;opacity:.5;filter:none}.btn.primary{background:var(--accent)}.btn.ghost{border:var(--border-default);background:transparent;color:var(--text-secondary)}.btn.danger{color:#ff8b8b;background:#ef444421}.btn.icon{width:40px;padding:0}.grid{display:grid;gap:1rem}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{position:relative;overflow:hidden;min-height:132px;padding:1.05rem;border:var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface-2),var(--surface-1))}.metric:after{position:absolute;width:90px;height:90px;right:-30px;bottom:-40px;border-radius:50%;background:var(--accent-soft);content:""}.metric-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#ff708c;background:var(--accent-soft)}.metric-value{margin:.8rem 0 .1rem;font-size:1.55rem;font-weight:850;letter-spacing:-.035em}.metric-label{color:var(--text-muted);font-size:.78rem}.panel{border:var(--border-default);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden}.panel-header{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:var(--border-default)}.panel-header h3{margin:0;font-size:.95rem}.panel-body{padding:1rem}.dashboard-lower{grid-template-columns:1.35fr .85fr;margin-top:1rem}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}.workflow-step{position:relative;min-height:90px;padding:.82rem;border-radius:var(--radius-md);background:var(--surface-2)}.workflow-step strong{display:block;margin-top:.45rem;font-size:.78rem}.workflow-step span{color:var(--text-muted);font-size:.67rem}.activity-list{display:grid;gap:.65rem}.activity{display:flex;gap:.7rem;align-items:flex-start}.activity-dot{width:8px;height:8px;margin-top:.42rem;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.activity strong{font-size:.78rem}.activity p{margin:.12rem 0 0;color:var(--text-muted);font-size:.7rem}.toolbar{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.75rem;border:var(--border-default);border-radius:var(--radius-lg);background:var(--surface-1)}.search{position:relative;min-width:230px;flex:1}.search svg{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:var(--text-muted)}.search input{padding-left:2.35rem}.toolbar select{width:auto;min-width:150px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem;margin:-.2rem 0 1rem;padding:1rem;border:var(--border-default);border-radius:var(--radius-lg);background:var(--surface-1)}.field label{display:block;margin:0 0 .36rem;color:var(--text-secondary);font-size:.72rem;font-weight:700}.table-wrap{overflow:auto;border:var(--border-default);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;background:var(--surface-1)}th{padding:.74rem .9rem;color:var(--text-muted);background:var(--surface-2);font-size:.68rem;text-align:left;text-transform:uppercase;letter-spacing:.07em}td{padding:.82rem .9rem;border-top:var(--border-default);color:var(--text-secondary);font-size:.8rem;vertical-align:middle}tbody tr:hover td{background:#ffffff05}.cell-title{color:var(--text-primary);font-weight:750}.cell-sub{margin-top:.2rem;color:var(--text-muted);font-size:.68rem}.row-actions{display:flex;justify-content:flex-end;gap:.35rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .48rem;border-radius:999px;color:var(--text-secondary);background:var(--surface-3);font-size:.67rem;font-weight:750;white-space:nowrap}.badge.green{color:#73e698;background:#22c55e21}.badge.red{color:#ff8b8b;background:#ef444421}.badge.amber{color:#ffc65c;background:#f59e0b21}.badge.blue{color:#75d6ff;background:#38bdf821}.badge.pink{color:#ff7893;background:var(--accent-soft)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1rem}.product-card{display:flex;min-height:245px;flex-direction:column;padding:1rem;border:var(--border-default);border-radius:var(--radius-lg);background:var(--surface-1)}.product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.product-card h3{margin:.55rem 0 .25rem;font-size:1rem}.product-card p{margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.45}.param-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.85rem 0}.param-chip{padding:.28rem .44rem;border-radius:6px;color:var(--text-secondary);background:var(--surface-2);font-size:.64rem}.category-manager-list{display:grid;gap:.45rem;margin-bottom:1rem}.category-manager-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border:var(--border-default);border-radius:var(--radius-md);background:var(--surface-2)}.category-manager-row.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.category-manager-row strong{display:block;font-size:.82rem}.category-manager-row span{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.68rem}.parameter-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.25rem 0 .7rem}.parameter-heading h4{margin:0 0 .25rem}.parameter-heading p{margin:0;color:var(--text-muted);font-size:.75rem}.parameter-list{display:grid;gap:.65rem}.parameter-editor{display:grid;grid-template-columns:1.3fr .85fr .8fr 40px;gap:.55rem;align-items:end;padding:.8rem;border:var(--border-default);border-radius:var(--radius-md);background:var(--surface-2)}.parameter-editor.has-options{grid-template-columns:1.3fr .85fr .8fr 1.3fr 40px}.parameter-remove{align-self:end;justify-self:end}.parameter-empty{padding:1.3rem;border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius-md);color:var(--text-muted);background:var(--surface-2);font-size:.78rem;text-align:center}.link-import{display:flex;align-items:stretch;gap:.55rem}.link-import input{flex:1}.import-hint{margin:.55rem 0 1rem;color:var(--text-muted);font-size:.72rem;line-height:1.45}.import-source{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;color:var(--text-muted);font-size:.7rem}.import-parameters{grid-column:1/-1;margin-top:1rem;padding:1rem;border:var(--border-default);border-radius:var(--radius-lg);background:var(--surface-2)}.import-parameters h4{margin:0 0 .2rem}.import-parameters>p{margin:0 0 .8rem;color:var(--text-muted);font-size:.72rem}.price-input{display:grid;grid-template-columns:1fr 68px;gap:.4rem}.price-input .currency{text-align:center;text-transform:uppercase}.scraped-attributes{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem;padding-top:1rem;border-top:var(--border-default)}.scraped-attributes span{display:flex;gap:.3rem;padding:.35rem .5rem;border-radius:7px;color:var(--text-secondary);background:var(--surface-2);font-size:.66rem}.scraped-attributes strong{color:var(--text-primary)}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.9rem;border-top:var(--border-default)}.price{font-size:1.18rem;font-weight:850}.price small{display:block;margin-bottom:.15rem;color:var(--text-muted);font-size:.62rem;font-weight:600}.empty{padding:3rem 1rem;color:var(--text-muted);text-align:center}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1rem;background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(720px,100%);max-height:calc(100dvh - 2rem);overflow:auto;border:var(--border-default);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:var(--shadow-lg)}.modal.wide{width:min(960px,100%)}.modal-header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:var(--border-default);background:var(--surface-1)}.modal-header h3{margin:0}.modal-body{padding:1.15rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.field.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:.55rem;color:var(--text-secondary);font-size:.8rem}.check input{width:18px;height:18px}.modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.6rem;padding:.9rem 1.15rem;border-top:var(--border-default);background:var(--surface-1)}.line-editor{display:grid;grid-template-columns:2fr .65fr .65fr .8fr 40px;gap:.45rem;align-items:end;margin-bottom:.55rem}.notice{margin-bottom:1rem;padding:.7rem .85rem;border-radius:var(--radius-md);color:#ffb3c1;background:var(--accent-soft);font-size:.78rem}.toast{position:fixed;z-index:200;right:1rem;bottom:1rem;max-width:360px;padding:.8rem 1rem;border:var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);background:var(--surface-3);box-shadow:var(--shadow-lg);font-size:.8rem}.mobile-header,.mobile-tabs{display:none}.mobile-actions{display:flex;align-items:center;gap:.45rem}.mobile-logout{display:grid;width:34px;height:34px;place-items:center;padding:0;border:var(--border-default);border-radius:9px;color:#ff8b8b;background:transparent}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-lower{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){input,select,textarea{font-size:16px}.sidebar{display:none}.main{width:100%;margin:0;padding-top:58px;padding-bottom:70px}.topbar{display:none}.mobile-header{position:fixed;z-index:25;inset:0 0 auto;display:flex;height:58px;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:var(--border-default);background:#111114f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-header strong{font-size:.88rem}.mobile-tabs{position:fixed;z-index:25;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);padding:.35rem .25rem max(.35rem,env(safe-area-inset-bottom));border-top:var(--border-default);background:#111114f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-tabs a{display:flex;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;border-radius:8px;color:var(--text-muted);font-size:.58rem;text-decoration:none}.mobile-tabs a.active{color:#ff708c;background:var(--accent-soft)}.content{padding:1rem}.page-header{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:116px}.workflow{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar select{width:100%}.filter-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.line-editor{grid-template-columns:1fr 1fr}.line-editor .description{grid-column:1/-1}.table-wrap{border-right:0;border-left:0;border-radius:0;margin-inline:-1rem}.cards{grid-template-columns:1fr}.modal-backdrop{padding:0}.modal{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.hide-mobile{display:none}}@media(max-width:900px){.parameter-heading{align-items:stretch;flex-direction:column}.parameter-editor{grid-template-columns:1fr 1fr}.parameter-editor .parameter-remove{grid-column:2;justify-self:end}.parameter-editor .field:nth-child(4){grid-column:1/-1}}@media(max-width:440px){.metrics,.filter-grid,.workflow{grid-template-columns:1fr}.metric{min-height:104px}.parameter-editor{grid-template-columns:1fr}.parameter-editor .parameter-remove{grid-column:1}.catalog-actions,.link-import{align-items:stretch;flex-direction:column}}