:root{--фон: #f6f7f9;--поле: #ffffff;--рамка: #dfe3e8;--текст: #1c1f23;--тихий: #6b7280;--выгодно: #e8f5e9;--выгодно-текст: #1b5e20;--акцент: #2563eb;--плохо: #b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--фон);color:var(--текст);font:14px/1.45 -apple-system,Segoe UI,Roboto,Arial,sans-serif}button{font:inherit;padding:7px 14px;border:1px solid var(--рамка);border-radius:6px;background:var(--поле);cursor:pointer}button:hover:not(:disabled){border-color:var(--акцент)}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;padding:7px 10px;border:1px solid var(--рамка);border-radius:6px;background:var(--поле)}.ошибка{padding:8px 12px;border-radius:6px;background:#fdecea;color:var(--плохо)}.вход{min-height:100vh;display:grid;place-items:center;padding:24px}.карточка{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--поле);border:1px solid var(--рамка);border-radius:12px}.карточка h1{margin:0;font-size:22px}.карточка .подпись{margin:-10px 0 4px;color:var(--тихий)}.карточка label{display:flex;flex-direction:column;gap:5px}.карточка button[type=submit]{background:var(--акцент);color:#fff;border-color:var(--акцент)}.телеграм{display:flex;justify-content:center;min-height:0}.подсказка{margin:0;font-size:12px;color:var(--тихий)}.загрузка{padding:40px;text-align:center;color:var(--тихий)}.кабинет{display:flex;flex-direction:column;height:100vh}.кабинет header{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--поле);border-bottom:1px solid var(--рамка)}.кабинет header .кто{margin-left:auto;color:var(--тихий)}.каталог{display:flex;flex-direction:column;min-height:0;flex:1;padding:14px 18px;gap:12px}.панель{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.панель .поиск{flex:1 1 280px}.панель .итого{margin-left:auto;color:var(--тихий)}.галочка{display:flex;align-items:center;gap:6px;color:var(--тихий)}.обёртка-таблицы{flex:1;min-height:0;overflow:auto;background:var(--поле);border:1px solid var(--рамка);border-radius:8px}table{border-collapse:separate;border-spacing:0;width:100%}th,td{padding:7px 10px;border-bottom:1px solid var(--рамка);text-align:left;white-space:nowrap}thead th{position:sticky;top:0;z-index:2;background:var(--поле);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.колонка-товар{position:sticky;left:0;z-index:1;background:var(--поле);white-space:normal;min-width:320px;max-width:460px}thead .колонка-товар{z-index:3}.колонка-товар .название{display:block}.колонка-товар .коды{display:block;font-size:11px;color:var(--тихий)}.колонка-цена{text-align:right;font-variant-numeric:tabular-nums;min-width:108px}.колонка-цена.лучшая{background:var(--выгодно);color:var(--выгодно-текст);font-weight:600}.колонка-цена.нет-в-наличии{color:var(--тихий);font-style:italic}.колонка-цена.итог{font-weight:600}.колонка-дата{color:var(--тихий);font-variant-numeric:tabular-nums}tbody tr:hover td,tbody tr:hover .колонка-товар{background:#fafbfc}.пусто{padding:28px;text-align:center;color:var(--тихий)}.страницы{display:flex;align-items:center;gap:12px;justify-content:center}tbody tr.кликабельная{cursor:pointer}.затемнение{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181f73;display:grid;place-items:center;padding:24px;z-index:10}.карточка-товара{width:min(720px,100%);max-height:88vh;overflow:auto;padding:22px;background:var(--поле);border-radius:12px;display:flex;flex-direction:column;gap:16px}.шапка-карточки{display:flex;align-items:flex-start;gap:16px}.шапка-карточки h2{margin:0 0 4px;font-size:18px}.шапка-карточки .коды{margin:0;font-size:12px;color:var(--тихий)}.шапка-карточки button{margin-left:auto}.розница{padding:10px 14px;border-radius:8px;background:var(--выгодно);color:var(--выгодно-текст)}.розница .подпись{color:inherit;opacity:.75;font-size:12px}.цены-карточки{width:100%}.цены-карточки th,.цены-карточки td{white-space:nowrap}.цены-карточки .лучшая-строка td{background:var(--выгодно)}.цены-карточки .исходник{display:block;font-size:11px;color:var(--тихий);white-space:normal}.цены-карточки .нет-в-наличии{color:var(--тихий);font-style:italic}.история h3{margin:0 0 10px;font-size:14px}.график{margin-bottom:14px}.строка-графика{display:flex;gap:10px;align-items:baseline;font-size:13px}.строка-графика span{color:var(--тихий);font-variant-numeric:tabular-nums}.строка-графика .дороже{color:var(--плохо)}.строка-графика .дешевле{color:var(--выгодно-текст)}.полотно{width:100%;height:120px}.полотно .линия{fill:none;stroke:var(--акцент);stroke-width:2}.полотно .точка{fill:var(--акцент)}.полотно .сетка{stroke:var(--рамка);stroke-width:1;stroke-dasharray:3 3}.полотно .метка{fill:var(--тихий);font-size:10px}.загрузка-прайса{display:flex;flex-direction:column;min-height:0;flex:1;padding:14px 18px;gap:12px}.загрузка-прайса .подсказка{margin:0}table.сырая td,table.сырая th{max-width:260px;overflow:hidden;text-overflow:ellipsis}table.сырая th{padding:4px 6px}table.сырая th select{width:100%;padding:3px 6px;font-size:12px}table.сырая .номер{position:sticky;left:0;background:var(--поле);color:var(--тихий);text-align:right;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:44px}table.сырая .номер:hover{color:var(--акцент);text-decoration:underline}table.сырая .строка-заголовков td{background:#fff7e6;font-weight:600}table.сырая .строка-заголовков .номер{background:#fff7e6}table.сырая td.размечена{background:#eef4ff}.разобрано h3{margin:0 0 8px;font-size:14px}.проблемы{margin:6px 0 0;padding-left:20px;color:var(--тихий);font-size:12px}button.главная{align-self:flex-start;background:var(--акцент);color:#fff;border-color:var(--акцент);padding:9px 18px}.прогресс{display:flex;align-items:center;gap:12px}.прогресс .полоса{flex:1;height:8px;border-radius:4px;background:var(--рамка);overflow:hidden}.прогресс .заполнено{height:100%;background:var(--акцент);transition:width .3s}.прогресс span{color:var(--тихий);white-space:nowrap}.действия{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button.тихая{padding:3px 9px;font-size:12px;color:var(--тихий)}button.тихая:hover{color:var(--плохо);border-color:var(--плохо)}.подтверждение{padding:12px 14px;border:1px solid var(--рамка);border-radius:8px;background:#fff7e6;display:flex;flex-direction:column;gap:10px}.подтверждение p{margin:0}.дубли,.корзина{display:flex;flex-direction:column;min-height:0;flex:1;padding:14px 18px;gap:12px;overflow:auto}.список-пар{display:flex;flex-direction:column;gap:10px}.пара{padding:12px 14px;background:var(--поле);border:1px solid var(--рамка);border-radius:8px;display:flex;flex-direction:column;gap:10px}.пара .стороны{display:grid;grid-template-columns:1fr 1fr;gap:12px}.пара .сторона{padding:8px 10px;background:var(--фон);border-radius:6px}.пара .действия .подсказка{margin-right:auto}.счётчик{display:flex;align-items:center;gap:8px}.счётчик button{padding:2px 10px}.счётчик span{min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.блок-поставщика{margin-bottom:14px}.блок-поставщика table{margin-top:4px}.разобрано h3{margin:14px 0 6px;font-size:14px}.колонка-цена.дороже{color:var(--плохо)}.колонка-цена.дешевле{color:var(--выгодно-текст)}.настройки{display:flex;flex-direction:column;min-height:0;flex:1;padding:14px 18px;gap:12px;overflow:auto}.вкладка{display:flex;flex-direction:column;gap:12px}.строка-формы{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.строка-формы label{display:flex;align-items:center;gap:8px}input.узкое{width:100px;text-align:right;font-variant-numeric:tabular-nums}.объявление{display:flex;align-items:center;gap:12px;padding:8px 18px;font-size:13px;background:var(--выгодно);color:var(--выгодно-текст);border-bottom:1px solid var(--рамка)}.объявление button{margin-left:auto}.тарифы{display:flex;gap:12px;flex-wrap:wrap}.тариф{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border:1px solid var(--рамка);border-radius:8px;min-width:150px}.тариф .цена{font-size:18px;font-variant-numeric:tabular-nums}.тариф button{margin-top:auto}.переключатели{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
