:root{--bg: #f3f5f7;--surface: #ffffff;--navy: #172b4d;--navy-2: #1f3a68;--burgundy: #5a1f2a;--red: #a62b32;--red-soft: #f4d7d9;--blue-soft: #d9e6f5;--green-soft: #d8efe4;--yellow-soft: #f8ebc8;--text: #1b2433;--muted: #5d6b7c;--line: #e4e9ee;--shadow: 0 8px 24px rgba(23, 43, 77, .06);--radius: 14px;--header-h: 72px;--font: "Segoe UI", "Trebuchet MS", "Noto Sans", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.45}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.app-header{position:sticky;top:0;z-index:40;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}.brand,.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{background:var(--red);color:#fff;min-width:52px;height:48px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;font-weight:800;letter-spacing:.08em;flex-shrink:0;padding:5px 8px}.brand-mark .line-pyc{font-size:13px}.brand-mark .line-idn{font-size:11px;font-weight:700;opacity:.95}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:15px;color:var(--navy)}.brand-copy span{display:block;font-size:12px;color:var(--muted)}.brand-copy.inverted strong{color:#fff}.brand-copy.inverted span{color:#ffffffb8}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero{background:linear-gradient(120deg,#12233f,#172b4d 48%,#4a1c28);color:#fff;padding:28px 24px 32px}.hero h1{margin:0 0 8px;font-size:28px;font-weight:700}.hero p{margin:0;color:#ffffffd1;max-width:720px}.hero-compact{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;padding:10px 24px;min-height:0}.hero-compact h1{margin:0;font-size:22px;line-height:1.2;flex-shrink:0}.hero-compact p{margin:0;max-width:none;text-align:right;line-height:1.35}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px 0 40px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.toolbar,.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:16px}.field{display:flex;flex-direction:column;gap:6px;min-width:160px;flex:1}.field label,.stack label{font-size:12px;font-weight:700;color:var(--navy);letter-spacing:.02em}.field input,.field select,.stack input,.stack select,.stack textarea{border:1px solid #d5dde5;border-radius:10px;padding:10px 12px;background:#fff;color:var(--text)}.btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:650;text-decoration:none}.btn-primary{background:var(--navy);color:#fff}.btn-accent{background:var(--red);color:#fff}.btn-ghost{background:#eef2f6;color:var(--navy)}.btn-danger{background:#f8e8ea;color:var(--red)}.btn:disabled{opacity:.55;cursor:not-allowed}.tabs{display:flex;gap:8px;padding:0 16px;border-bottom:1px solid var(--line)}.tab{background:none;border:0;padding:14px 8px;color:var(--muted);font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--navy);border-bottom-color:var(--red)}.sheet-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 16px;padding:0 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.sheet-head .tabs{padding:0;border-bottom:0}.sync-meta{display:flex;align-items:center;gap:10px;padding:10px 0;color:var(--muted);font-size:13px;margin-left:auto}.sync-time{font-variant-numeric:tabular-nums;white-space:nowrap}.conn-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.conn-dot.is-on{background:#2a9d5c;box-shadow:0 0 0 3px #2a9d5c33}.conn-dot.is-off{background:#c0392b;box-shadow:0 0 0 3px #c0392b33}.status-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 16px;color:var(--muted);font-size:13px}.offline{color:var(--red);font-weight:700}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}table.data th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fafc}table.data td.money{font-variant-numeric:tabular-nums;font-weight:700}.catalog-table{border-top:1px solid #d7dee6}.catalog-table table.public-table thead th{background:var(--navy);color:#fff;padding:14px 12px;height:48px;font-weight:800;font-size:11px;letter-spacing:.04em;border-top:2px solid #0f1c33;border-bottom:2px solid #0f1c33;border-right:1px solid rgba(255,255,255,.1)}.catalog-table table.public-table thead th:last-child{border-right:0}.catalog-table table.public-table tbody td{padding:11px 12px;border-bottom:1px solid #e8edf3;border-right:1px solid #eef2f6;vertical-align:middle}.catalog-table table.public-table tbody td:last-child{border-right:0}.catalog-table table.public-table tbody tr:nth-child(2n){background:#f7f9fb}.catalog-table table.public-table tbody tr:hover{background:#eef4fb}.catalog-table table.public-table .col-item{text-align:center;width:4.5rem}.catalog-table table.public-table .col-price{text-align:right;font-size:15px;font-weight:800}.catalog-table table.public-table td.cell-name{font-weight:700;color:var(--navy);white-space:normal}.catalog-table table.public-table tbody tr.row-updated{background:var(--yellow-soft)}.catalog-table table.public-table tbody tr.row-updated:hover{background:#f3e6b5}.code-chip{display:inline-flex;align-items:center;border-radius:999px;background:#eef2f6;color:var(--navy);padding:3px 9px;font-weight:700;font-size:12px}.card-price{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--navy)}.row-updated{background:var(--yellow-soft)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.badge-salon{background:var(--red-soft);color:#7a1f26}.badge-bolon{background:var(--blue-soft);color:#1d3d66}.badge-mayorista{background:var(--green-soft);color:#1d5a40}.badge-today{background:#efe0a8;color:#6a5410}.cards{display:none;padding:12px;gap:12px}.catalog-cards{display:none}.product-card{border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.product-card.updated{background:var(--yellow-soft)}.product-card h3{margin:0 0 6px;font-size:16px;color:var(--navy)}.meta{color:var(--muted);font-size:13px;margin-bottom:8px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#f3f5f7,#e8edf3)}.login-card{width:min(420px,100%);padding:28px}.login-card .notice{margin:0 0 12px}.login-card h1{margin:18px 0 8px;color:var(--navy);font-size:24px}.login-card p{margin:0 0 20px;color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:16px;width:100%}.login-field{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;position:static}.login-field label{display:block;width:100%;font-size:13px;font-weight:700;color:var(--navy);line-height:1.3;margin:0;position:static}.login-field input{display:block;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #d5dde5;border-radius:10px;padding:12px 14px;background:#fff;color:var(--text);margin:0;position:static}.login-field input:focus{outline:2px solid var(--navy);outline-offset:1px}.login-submit{width:100%;justify-content:center}.stack{display:grid;gap:14px}.field-error{color:#8a1e26;font-size:12px;margin:0}.error{background:#fdecee;color:#8a1e26;border-radius:10px;padding:10px 12px;font-size:14px}.admin{--admin-sidebar: 214px;--admin-space: 12px;--admin-space-sm: 8px;--admin-font: 13px;--admin-title: 20px;--admin-input-y: 7px;--admin-btn-y: 7px;--admin-row-y: 8px;--admin-header-h: 52px;--admin-mark-w: 42px;--admin-mark-h: 40px;display:grid;grid-template-columns:var(--admin-sidebar) 1fr;min-height:100vh;font-size:var(--admin-font)}.sidebar{background:var(--navy);color:#fff;padding:14px 10px;display:flex;flex-direction:column;gap:4px}.sidebar a,.sidebar button.nav{color:#ffffffdb;text-decoration:none;border:0;background:transparent;text-align:left;padding:7px 10px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.sidebar a.active,.sidebar button.nav.active{background:#ffffff1f;color:#fff}.admin-main{background:var(--bg)}.admin-top{background:#fff;border-bottom:1px solid var(--line);padding:10px 16px;min-height:var(--admin-header-h);display:flex;justify-content:space-between;gap:var(--admin-space-sm);align-items:center}.admin-content{padding:14px 16px 28px}.admin .brand-mark{min-width:var(--admin-mark-w);height:var(--admin-mark-h);padding:3px 6px}.admin .brand-mark .line-pyc{font-size:11px}.admin .brand-mark .line-idn{font-size:9px}.admin .brand-copy strong{font-size:13px}.admin .brand-copy span{font-size:10px}.admin .brand-lockup{gap:8px}.admin h1{margin:0;color:var(--navy);font-size:var(--admin-title);line-height:1.2}.admin .filters,.admin .toolbar{padding:10px 12px;gap:var(--admin-space-sm)}.admin .field{min-width:132px;gap:4px}.admin .field input,.admin .field select,.admin .stack input,.admin .stack select{padding:var(--admin-input-y) 10px;border-radius:8px}.admin .btn{padding:var(--admin-btn-y) 11px;border-radius:8px;gap:6px;font-size:13px}.admin .btn:hover{filter:brightness(.97)}.admin .btn:focus-visible{outline:2px solid var(--navy);outline-offset:1px}.admin .btn-danger:hover{background:#f3d4d8}.admin .btn-success{background:var(--green-soft);color:#1d5a40}.admin .btn-success:hover{background:#c8e6d8}.admin .btn-compact{padding:var(--admin-btn-y) 10px}.panel-head{border:0}.panel-msg{margin:0 12px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.form-grid .full{grid-column:1 / -1}.form-identity{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;padding:12px 12px 4px}.product-form{padding-bottom:8px}.price-rows{display:grid;gap:8px;padding:4px 12px 8px}.price-row{display:grid;grid-template-columns:170px minmax(140px,220px) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fafbfc}.price-row.salon{border-left:4px solid #c45b63}.price-row.bolon{border-left:4px solid #3d6ea8}.price-row.mayorista{border-left:4px solid #2f8a62}.price-row .field-error{grid-column:1 / -1;margin:0}.form-actions{display:flex;gap:10px;align-items:center;padding:4px 12px 12px}.switch{display:flex;align-items:center;gap:8px;white-space:nowrap}.notice-list{display:grid;gap:10px;padding:0 16px 16px}.notice{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fffdf6}.empty{padding:32px;text-align:center;color:var(--muted)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.admin-table thead th{background:var(--navy);color:#fff;padding:12px 10px;min-height:44px;border-top:2px solid #0f1c33;border-bottom:2px solid #0f1c33;border-right:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:normal;line-height:1.25;vertical-align:middle}.admin-table thead th:last-child{border-right:0}.admin-table thead th.th-price.salon{background:#4a2430}.admin-table thead th.th-price.bolon{background:#203657}.admin-table thead th.th-price.mayorista{background:#1c4a38}.admin-table tbody td{padding:var(--admin-row-y) 10px;border-bottom:1px solid var(--line);border-right:1px solid #eef2f6;vertical-align:middle}.admin-table tbody td:last-child{border-right:0}.admin-table tbody tr:nth-child(2n){background:#f7f9fb}.admin-table tbody tr:hover{background:#eef4fb}.admin-table .cell-name{font-weight:700;color:var(--navy)}.table-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.price-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.price-cell .amount{font-weight:800;font-variant-numeric:tabular-nums;font-size:13px}.price-cell.salon .amount{color:#8a1e26}.price-cell.bolon .amount{color:#1d3d66}.price-cell.mayorista .amount{color:#1d5a40}.price-note{font-size:11px;color:var(--muted);font-weight:600}.badge-status-on{background:var(--green-soft);color:#1d5a40}.badge-status-off{background:#f1e1e4;color:#7a1f26}.badge-admin{background:var(--red-soft);color:#7a1f26}.badge-seller{background:var(--blue-soft);color:#1d3d66}.history-filters{align-items:end}.comparator-block{padding:0 16px 20px}.compare-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:8px 0 16px}.compare-head h2{margin:4px 0 0;color:var(--navy);font-size:24px}.eyebrow-red{margin:0;color:var(--red);font-size:11px;letter-spacing:.12em;font-weight:800}.compare-note{margin:0;color:var(--muted);font-weight:700;font-size:13px}.compare-grid{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:16px;align-items:stretch}.compare-card{background:linear-gradient(160deg,#12233f,#172b4d 70%,#1b355c);color:#fff;border-radius:14px;padding:22px 20px;box-shadow:var(--shadow)}.compare-cat{display:inline-flex;background:#ffffff24;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.04em}.compare-card h2{margin:14px 0 18px;font-size:28px;line-height:1.15}.compare-code-label{margin:0 0 6px;font-size:11px;letter-spacing:.1em;font-weight:800;color:#ffffffb3}.compare-code{display:inline-flex;background:#fff;color:var(--navy);border-radius:999px;padding:4px 10px;font-weight:800;font-size:13px}.compare-sep{border:0;border-top:1px solid rgba(255,255,255,.16);margin:18px 0}.compare-base-label{margin:0 0 4px;color:#ffffffb8;font-size:13px}.compare-base-price{margin:0;font-size:32px;font-weight:800;font-variant-numeric:tabular-nums}.compare-table thead th{background:var(--navy);color:#fff;padding:12px 14px;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.compare-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.compare-guide{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.compare-guide .num{display:block;color:var(--red);font-weight:800;letter-spacing:.04em;margin-bottom:6px}.compare-guide h3{margin:0 0 6px;color:var(--navy)}.compare-guide p{margin:0;color:var(--muted);font-size:13px}.recent-head{padding:16px 16px 0}.recent-head h2{margin:4px 0 0;color:var(--navy)}.eyebrow-plain{margin:0;font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--muted)}.recent-item .recent-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.recent-meta{display:flex;align-items:center;gap:8px;margin:8px 0}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}@media(max-width:1100px){.admin-table.products-table{min-width:980px}}@media(max-width:768px){.app-header{padding:10px 14px;height:auto;min-height:var(--header-h);flex-wrap:wrap}.hero,.page{padding-left:14px;padding-right:14px}.hero-compact{flex-direction:column;align-items:flex-start;padding-top:10px;padding-bottom:10px}.hero-compact p{text-align:left}.catalog-filters{flex-direction:column;align-items:stretch}.sheet-head{align-items:stretch}.sync-meta{margin-left:0;width:100%;padding-top:0;justify-content:flex-start}.page{width:100%}.admin{grid-template-columns:1fr;font-size:14px}.sidebar{flex-direction:row;overflow:auto}.admin .btn,.admin .field input,.admin .field select,.admin .stack input,.admin .stack select{min-height:40px;padding:10px 12px}.form-grid,.form-identity,.price-row{grid-template-columns:1fr}table.data,.admin-table{min-width:860px}.comparator-filters{flex-direction:column;align-items:stretch}.compare-head{flex-direction:column;align-items:flex-start}.compare-grid,.compare-guides{grid-template-columns:1fr}}@media(max-width:480px){.catalog-table{display:none}.catalog-cards{display:grid;padding:12px;gap:12px}.hero h1{font-size:22px}.brand-copy span{display:none}.sync-time{white-space:normal}.comparator-table{display:block;overflow:auto}.comparator-table table.data{min-width:0}}