#vat-repair-panel { --vat-green:#85d5b2; --vat-amber:#f1b184; --vat-muted:#9bb0bb; }
.vat-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:6px 0 28px; }
.vat-heading h1 { margin:0; font-size:clamp(28px,3vw,40px); letter-spacing:-1.3px; line-height:1.15; }
.vat-heading h1 span { display:inline; color:var(--vat-amber); }
.vat-heading p { margin:10px 0 0; color:var(--vat-muted); font-size:14px; }
.vat-heading-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:flex-end; }
.vat-campaign-state { display:inline-flex; align-items:center; gap:8px; color:var(--vat-muted); font-size:13px; white-space:nowrap; }
.vat-campaign-state i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.vat-campaign-state.enabled { color:var(--vat-green); }
.vat-overview { display:grid; grid-template-columns:1.65fr 1fr 1fr; gap:16px; }
.vat-progress-card,.vat-stat { padding:24px 26px; border-radius:20px; border:1px solid #2a3a42; background:#18272f; }
.vat-progress-card>div:first-child { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.vat-progress-card>div:first-child>span,.vat-stat>span { font-size:16px; }
.vat-progress-card strong { font-size:40px; letter-spacing:-1.7px; line-height:1; white-space:nowrap; }
.vat-progress-card strong small { font-size:20px; font-weight:500; color:var(--vat-muted); letter-spacing:0; }
.vat-progress-card>small,.vat-stat>small { font-size:13px; color:var(--vat-muted); }
.vat-track { appearance:none; -webkit-appearance:none; display:block; width:100%; border:0; height:7px; border-radius:20px; background:#2c3d46; overflow:hidden; margin:26px 0 15px; }
.vat-track::-webkit-progress-bar { background:#2c3d46; border-radius:20px; }
.vat-track::-webkit-progress-value { background:var(--vat-green); border-radius:20px; }
.vat-track::-moz-progress-bar { background:var(--vat-green); border-radius:20px; }
.vat-stat { display:flex; flex-direction:column; gap:8px; }
.vat-stat strong { font-size:44px; letter-spacing:-1.5px; font-weight:650; line-height:1.05; }
.vat-stat.ready { background:#172e2b; border-color:#29433b; }
.vat-stat.ready strong { color:var(--vat-green); }
.vat-stat.attention { background:#2b2826; border-color:#42362f; }
.vat-stat.attention strong { color:var(--vat-amber); }
.vat-notice { margin:16px 4px; min-height:20px; font-size:14px; line-height:1.6; color:var(--vat-muted); }
.vat-notice.error { color:#f3aaa2; }
.vat-notice.warning { color:var(--vat-amber); }
.vat-notice:empty { margin:20px 0; min-height:0; }
.vat-list { border:1px solid #293b44; border-radius:20px; background:#15232a; overflow:hidden; }
.vat-filters { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding:20px 24px; border-bottom:1px solid #293b44; }
.vat-search { display:flex; align-items:center; gap:12px; min-width:220px; flex:1; max-width:320px; }
.vat-search svg { fill:var(--vat-muted); width:19px; height:19px; flex-shrink:0; }
.vat-search input { font:inherit; font-size:16px; color:#e7edef; background:transparent; border:0; min-width:0; width:100%; padding:10px 0; outline-offset:4px; }
.vat-search input::placeholder { color:#91a7b2; opacity:1; }
.vat-tabs { display:flex; gap:4px; flex-wrap:wrap; }
.vat-tabs button { padding:10px 14px; background:transparent; border:0; border-radius:10px; color:#9eb1ba; font:inherit; font-size:14px; cursor:pointer; }
.vat-tabs button[aria-pressed=true] { background:#2a3c46; color:#f0f4f5; }
.vat-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.vat-table th { font-size:12px; letter-spacing:.15px; color:#9aafba; text-align:left; font-weight:500; padding:15px 24px; }
.vat-table th:first-child { width:30%; }
.vat-table th:nth-child(2) { width:24%; }
.vat-table th:last-child { width:76px; }
.vat-table td { padding:14px 24px; border-top:1px solid #293941; font-size:16px; height:82px; }
.vat-table tbody tr:hover { background:#1a2c34; }
.vat-shop a { display:inline-flex; align-items:center; gap:12px; color:#e8eff1; text-decoration:none; }
.vat-shop strong { font-weight:600; white-space:nowrap; }
.vat-shop-icon { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px; background:#263b44; color:#9cb8c4; flex-shrink:0; }
.vat-shop-icon svg { fill:currentColor; width:18px; height:18px; }
.vat-rate strong { font-weight:500; font-variant-numeric:tabular-nums; }
.vat-result { border:0; border-radius:8px; background:transparent; text-align:left; padding:5px 0; display:flex; flex-direction:column; align-items:flex-start; gap:5px; color:#a0b0b9; font:inherit; cursor:pointer; }
.vat-state { display:flex; align-items:center; gap:8px; line-height:1.3; }
.vat-state i { width:6px; height:6px; border-radius:50%; background:currentColor; flex-shrink:0; }
.vat-result.ready { color:#85d5b2; }
.vat-result.attention { color:#f1b184; }
.vat-result.skipped { color:#9daeb7; }
.vat-result.skipped .vat-transition { color:#849aa5; }
.vat-result.running { color:#94c6e6; }
.vat-transition { margin-left:14px; color:#b6c6cc; font-size:13px; }
.vat-transition>span { margin:0 5px; color:#6c8c98; }
.vat-actions { text-align:right; }
.vat-exclude { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0; border-radius:10px; color:#889fa9; cursor:pointer; }
.vat-exclude svg { width:17px; height:17px; fill:currentColor; }
.vat-exclude:hover { background:#4a3030; color:#ffb2a6; }
.vat-exclude:disabled { opacity:.35; cursor:wait; background:transparent; }
.vat-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; border-top:1px solid #293941; padding:16px 24px; color:#92a7b1; font-size:12px; }
.vat-empty { padding:56px 24px; text-align:center; color:#a3b6be; line-height:1.6; }
.vat-empty h2 { color:#dbe5e9; font-size:22px; margin:0 0 10px; }
.vat-empty p { font-size:15px; }
.vat-campaign-picker { display:flex; align-items:center; gap:15px; margin:0 0 20px; }
.vat-campaign-picker select { color:inherit; background:#1d2c34; padding:12px; border:1px solid #38505b; border-radius:10px; font:inherit; }
.vat-campaign-picker { flex-wrap:wrap; }
.vat-campaign-picker select { max-width:100%; min-width:0; }
.vat-previous { margin-top:22px; padding-top:18px; border-top:1px solid #30434c; }
.vat-previous h3 { margin:0; font-size:17px; color:#e6eef2; }
.vat-previous p { margin:10px 0; }
.vat-dialog { width:min(560px,calc(100vw - 32px)); padding:30px; max-height:calc(100dvh - 40px); overflow:auto; }
.vat-dialog h2 { font-size:25px; margin:0 0 20px; }
.vat-dialog p { font-size:15px; line-height:1.65; color:#bdccd3; }
.vat-dialog .vat-warning { border-radius:12px; padding:15px; background:#392d25; color:#f1bb95; }
.vat-dialog [data-vat-delete-error] { color:#ffb3a8; }
.vat-dialog [data-vat-delete-error]:empty { display:none; }
.vat-details { margin:0; }
.vat-details>div { display:flex; justify-content:space-between; gap:22px; border-bottom:1px solid #30434c; padding:14px 0; font-size:14px; }
.vat-details dt { color:#a6bbc6; }
.vat-details dd { margin:0; text-align:right; max-width:60%; color:#e6eef2; }
.vat-dialog .console-save { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; margin-top:24px; }
.vat-dialog .console-save a { text-decoration:none; display:inline-flex; align-items:center; }
.vat-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; }
#vat-repair-panel [hidden] { display:none!important; }
#vat-repair-panel button:focus-visible,.vat-shop a:focus-visible { outline:2px solid #f1b184; outline-offset:4px; }
@media(max-width:1100px) { .vat-overview { grid-template-columns:1.3fr 1fr 1fr; gap:12px; } .vat-progress-card,.vat-stat { padding:20px; } .vat-progress-card>div:first-child { align-items:flex-start; flex-direction:column; gap:15px; } .vat-track { margin-top:20px; } .vat-table th,.vat-table td { padding-left:18px; padding-right:18px; } .vat-heading-actions { gap:12px; } }
@media(max-width:700px) {
  .vat-heading { align-items:flex-start; margin-bottom:22px; gap:14px; } .vat-heading h1 { font-size:28px; letter-spacing:-.8px; } .vat-heading p { font-size:12px; max-width:215px; }
  .vat-heading-actions { flex-direction:column-reverse; align-items:flex-end; gap:10px; } .vat-heading-actions .editor-secondary { padding:10px 12px; font-size:13px; } .vat-campaign-state { font-size:10px; white-space:normal; text-align:right; }
  .vat-overview { grid-template-columns:1fr 1fr; } .vat-progress-card { grid-column:1/-1; } .vat-progress-card>div:first-child { flex-direction:row; align-items:center; } .vat-progress-card strong { font-size:34px; } .vat-stat { padding:18px; } .vat-stat strong { font-size:36px; } .vat-stat>span { font-size:14px; } .vat-stat>small { font-size:11px; }
  .vat-filters { padding:12px 16px; gap:8px; } .vat-search { max-width:none; } .vat-tabs { width:100%; justify-content:space-between; } .vat-tabs button { padding:10px 8px; font-size:13px; }
  .vat-table,.vat-table tbody { display:block; } .vat-table thead { display:none; } .vat-table tr { display:grid; grid-template-columns:1fr 36px; gap:10px 12px; border-top:1px solid #293941; padding:18px 16px; } .vat-table td { border:0; height:auto; padding:0; } .vat-shop { grid-column:1; grid-row:1; } .vat-actions { grid-column:2; grid-row:1/4; } .vat-rate { grid-column:1; grid-row:2; padding-left:48px!important; font-size:14px!important; } .vat-rate::before { content:'Ставка: '; color:#94aab5; font-size:12px; } .vat-outcome { grid-column:1; grid-row:3; padding-left:48px!important; } .vat-result { font-size:14px; } .vat-footer { padding:16px; } .vat-dialog { padding:24px; } .vat-details>div { flex-direction:column; gap:6px; } .vat-details dd { text-align:left; max-width:100%; }
}
@media(prefers-reduced-motion:reduce) { .vat-track span { transition:none; } }