/* Включается только через ?style=tech — не меняет основной интерфейс. */
.tech-preview {
  --blue:#50a7ff;
  --blue-dark:#2466df;
  --navy:#081228;
  --bg:#07101e;
  --line:rgba(127,194,255,.17);
  --muted:#9eb2cd;
  --success:#4ee3a0;
  --danger:#ff718a;
  --shadow:0 18px 52px rgba(0,0,0,.28);
  color:#eaf4ff;
  background:
    radial-gradient(circle at 84% 18%,rgba(31,190,201,.19),transparent 21rem),
    radial-gradient(circle at 20% 78%,rgba(75,91,255,.25),transparent 26rem),
    linear-gradient(135deg,#07101e,#0c1d38 52%,#071526);
}
.tech-preview body { color:#eaf4ff; background:transparent; }
.tech-preview body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.34; background-image:linear-gradient(rgba(138,210,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(138,210,255,.06) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(#0004,#000); animation:tech-grid 16s linear infinite; }
.tech-preview .side { background:linear-gradient(180deg,rgba(5,13,31,.96),rgba(8,24,49,.92)); border-right:1px solid rgba(135,204,255,.14); box-shadow:12px 0 42px rgba(0,0,0,.14); }
.tech-preview .brand-mark,.tech-preview .shop-logo { background:linear-gradient(135deg,#2c6bff,#43d9cd); box-shadow:0 0 0 6px rgba(75,158,255,.08),0 9px 22px rgba(35,103,255,.35); }
.tech-preview .side a { color:#b7c8e3; border:1px solid transparent; }
.tech-preview .side a.active,.tech-preview .side a:hover { color:#fff; background:linear-gradient(100deg,rgba(57,114,255,.7),rgba(46,207,197,.35)); border-color:rgba(132,224,255,.25); }
.tech-preview .panel,.tech-preview .card,.tech-preview .quick-actions button,.tech-preview .app-footer,.tech-preview .result,.tech-preview .tracking-result { background:linear-gradient(135deg,rgba(18,37,66,.76),rgba(10,23,44,.7)); border:1px solid rgba(125,207,255,.18); box-shadow:var(--shadow); backdrop-filter:blur(16px); }
.tech-preview .panel { position:relative; overflow:hidden; }
.tech-preview .panel::before { content:""; position:absolute; top:0; left:0; width:130px; height:1px; background:linear-gradient(90deg,transparent,#63e4d6,transparent); animation:tech-scan 3.8s ease-in-out infinite; }
.tech-preview .card::after { opacity:.42; background:radial-gradient(circle,#53d7f0 0 31%,transparent 33%); }
.tech-preview h1,.tech-preview h2,.tech-preview h3,.tech-preview strong,.tech-preview b { color:#f2f8ff; }
.tech-preview p,.tech-preview small,.tech-preview label,.tech-preview .muted { color:#9eb2cd; }
.tech-preview input,.tech-preview select,.tech-preview textarea { background:rgba(5,16,34,.63); color:#eff8ff; border-color:rgba(114,198,255,.27); box-shadow:inset 0 0 16px rgba(40,115,255,.05); }
.tech-preview input:focus,.tech-preview select:focus,.tech-preview textarea:focus { border-color:#55dbd0; box-shadow:0 0 0 3px rgba(77,219,208,.14),inset 0 0 16px rgba(40,115,255,.08); }
.tech-preview .action,.tech-preview button.action { background:linear-gradient(105deg,#2d72ff,#26bdb3); border:1px solid rgba(164,241,255,.36); box-shadow:0 9px 24px rgba(32,108,243,.24); }
.tech-preview .action:hover,.tech-preview button.action:hover { transform:translateY(-1px); filter:brightness(1.1); }
.tech-preview .action.secondary,.tech-preview .theme-toggle { background:rgba(23,46,82,.72); color:#d6e8ff; border-color:rgba(129,203,255,.22); }
.tech-preview .api-state { color:#75f2b2; background:rgba(27,109,87,.2); border-color:rgba(89,239,166,.25); }
.tech-preview .api-state i { box-shadow:0 0 0 4px rgba(78,227,160,.14),0 0 14px #4ee3a0; animation:tech-pulse 1.7s ease-in-out infinite; }
.tech-preview .summary,.tech-preview .report-table,.tech-preview .pending-row { border-color:rgba(125,207,255,.2); }
.tech-preview .summary { background:rgba(5,19,40,.32); }
.tech-preview .status.ok { color:#65efae; }.tech-preview .status.err { color:#ff8298; }
@keyframes tech-grid { from { background-position:0 0,0 0; } to { background-position:42px 42px,42px 42px; } }
@keyframes tech-scan { 0%,100% { transform:translateX(-150px); opacity:0; } 35%,65% { opacity:1; } 100% { transform:translateX(900px); } }
@keyframes tech-pulse { 50% { transform:scale(1.18); } }
@media (prefers-reduced-motion:reduce) { .tech-preview *, .tech-preview body::before { animation:none!important; transition:none!important; } }