@font-face{font-family:'Montserrat';font-style:normal;font-weight:500 900;font-display:swap;src:url(fonts/montserrat-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500 900;font-display:swap;src:url(fonts/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Неоновая тёмная тема: чёрный фон, фиолетовое свечение, стеклянные карточки. */
:root{
  --bg:#06050c; --fg:#f3efff; --muted:#a39bc4; --dim:#6f6893;
  --neon:#8b5cf6; --neon2:#a78bfa; --neon3:#c4b5fd;
  --glass:rgba(22,17,44,.55); --glass2:rgba(34,26,68,.6); --line:rgba(167,139,250,.28);
  --glow:0 0 0 1px rgba(167,139,250,.55),0 0 14px rgba(139,92,246,.55),0 0 42px rgba(124,58,237,.28),inset 0 0 18px rgba(139,92,246,.18);
  --glow-sm:0 0 0 1px rgba(167,139,250,.4),0 0 10px rgba(139,92,246,.35);
  --err:#ff6b8a; --err-bg:rgba(255,60,110,.12); --ok:#8ef0c4; --ok-bg:rgba(60,220,160,.1);
  --hi:#fff; --bar:rgba(8,6,18,.72); --field:rgba(6,5,14,.7); --opt:#140f2a; --chip:rgba(10,8,22,.6);
  --tip-ok:#0b1f18; --tip-err:#240b14;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{
  color:var(--fg);min-height:100vh;
  font:500 15px/1.55 'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(60vmax 40vmax at 50% -10%,rgba(124,58,237,.28),transparent 60%),
    radial-gradient(35vmax 35vmax at 0% 100%,rgba(88,28,235,.18),transparent 60%),
    radial-gradient(35vmax 35vmax at 100% 70%,rgba(139,92,246,.14),transparent 60%),
    var(--bg);
  background-attachment:fixed;
}
/* тонкая сетка-«схема» на фоне */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.35;
  background-image:linear-gradient(rgba(167,139,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.07) 1px,transparent 1px);
  background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}
a{color:var(--neon3);text-decoration:none}a:hover{color:var(--hi);text-shadow:0 0 10px var(--neon)}
h1,h2{font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1.15}
h1{font-size:clamp(22px,3.4vw,30px);margin:10px 0 8px;text-shadow:0 0 18px rgba(139,92,246,.55)}
h2{font-size:15px;margin:28px 0 12px;color:var(--neon3);letter-spacing:.08em}
.muted,.hint{color:var(--muted)}.hint{font-size:12.5px;margin-top:4px}small{color:var(--dim);font-weight:500;text-transform:none}
.wrap{max-width:1120px;margin:0 auto;padding:26px 16px 70px}
.center{min-height:100vh;display:grid;place-items:center;padding:16px}

/* шапка */
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:12px 22px;
  background:var(--bar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);box-shadow:0 1px 24px rgba(124,58,237,.18)}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.03em;color:var(--hi);font-size:17px}
.brand img{width:28px;height:28px;filter:drop-shadow(0 0 8px var(--neon))}
.brand.big{font-size:20px;justify-content:center}.brand.big img{width:36px;height:36px}
.top nav{display:flex;gap:6px;flex:1}
.top nav a{color:var(--muted);padding:7px 14px;border-radius:99px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}
.top nav a:hover{color:var(--hi);text-shadow:none;border-color:var(--line)}
.top nav a.on{color:var(--hi);box-shadow:var(--glow-sm);background:rgba(139,92,246,.14)}
.who{display:flex;align-items:center;gap:16px;font-weight:600}.who a{color:var(--fg)}

/* стеклянные карточки со светящейся рамкой */
.card{position:relative;background:var(--glass);border-radius:22px;padding:22px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--glow)}
.login{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;padding:34px 28px}
.login h1{text-align:center;font-size:22px}

/* формы */
label{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em}
label.check{flex-direction:row;align-items:center;gap:10px;color:var(--fg);font-size:14px;text-transform:none;letter-spacing:0;font-weight:600}
input,select{font:600 15px 'Montserrat',sans-serif;color:var(--fg);background:var(--field);border:1px solid var(--line);
  border-radius:14px;padding:11px 14px;width:100%;transition:box-shadow .15s,border-color .15s}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--neon2) 50%),linear-gradient(135deg,var(--neon2) 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
select option{background:var(--opt)}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--neon)}
input:focus,select:focus{outline:none;border-color:var(--neon2);box-shadow:0 0 0 1px var(--neon2),0 0 16px rgba(139,92,246,.5)}

/* кнопки-таблетки с неоном */
.btn{font:800 13px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.08em;border:0;border-radius:99px;padding:13px 24px;cursor:pointer;
  color:#fff;background:linear-gradient(135deg,#7c3aed,#9f67ff);display:inline-block;text-align:center;
  box-shadow:0 0 0 1px rgba(196,181,253,.6),0 0 18px rgba(139,92,246,.6),0 0 44px rgba(124,58,237,.3);transition:transform .12s,box-shadow .15s}
.btn:hover{color:#fff;text-shadow:none;transform:translateY(-1px);box-shadow:0 0 0 1px #ddd6fe,0 0 24px rgba(139,92,246,.85),0 0 60px rgba(124,58,237,.45)}
.btn.sm{padding:7px 14px;font-size:11px}
.btn.ghost{background:transparent;color:var(--neon3);box-shadow:var(--glow-sm)}
button.link{background:none;border:0;color:var(--muted);font:700 12px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:0}
button.link:hover{color:var(--hi)}

/* уведомления */
.flash{padding:12px 18px;border-radius:16px;margin-bottom:16px;background:var(--ok-bg);color:var(--ok);font-weight:600;box-shadow:0 0 0 1px rgba(142,240,196,.35)}
.flash.error{background:var(--err-bg);color:var(--err);box-shadow:0 0 0 1px rgba(255,107,138,.45),0 0 16px rgba(255,60,110,.2)}
.center .flash{position:fixed;top:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);z-index:9}
/* ошибка внутри карточки входа — обычный блок в форме, не всплывающая плашка */
.center .login .flash{position:static;transform:none;max-width:none;margin:0;text-align:center;font-size:13.5px;padding:10px 14px}

/* роли — неоновые бейджи */
.role{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:99px;vertical-align:middle;
  border:1px solid currentColor;box-shadow:0 0 10px -2px currentColor;text-shadow:none}
.r-admin{color:#f5b3ff}.r-brigadier{color:#a78bfa}.r-trader{color:#7dd3fc}.r-support{color:#86efac}
.badge{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--err);border:1px solid currentColor;border-radius:99px;padding:2px 8px;vertical-align:middle}

/* плитки на главной */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:22px}
.tile{display:flex;flex-direction:column;gap:6px;color:var(--fg);min-height:130px;padding-top:70px;justify-content:flex-start;transition:transform .15s,box-shadow .15s}
.tile b{font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:16px}
.tile span{color:var(--muted);font-size:13px}
.tile::before{content:"";position:absolute;top:18px;left:22px;width:34px;height:34px;border-radius:10px;
  background:radial-gradient(circle,rgba(196,181,253,.9),rgba(139,92,246,.4) 55%,transparent 72%);filter:blur(1px)}
a.tile:hover{color:var(--fg);text-shadow:none;transform:translateY(-3px);
  box-shadow:0 0 0 1px #c4b5fd,0 0 22px rgba(139,92,246,.75),0 0 60px rgba(124,58,237,.35),inset 0 0 24px rgba(139,92,246,.25)}
.tile.wide{grid-column:span 2;overflow:hidden}
.tile.wide::before{content:none}
.tile.wide::after{content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.28),transparent 70%);pointer-events:none}
.tile-ico{position:absolute;top:18px;left:22px;width:34px;height:34px;color:#a78bfa;filter:drop-shadow(0 0 8px rgba(139,92,246,.55))}
.tile-ico svg{width:100%;height:100%}
.tile .tile-go{position:absolute;right:26px;bottom:26px;font-style:normal;font-size:24px;color:#a78bfa;transition:transform .15s}
a.tile:hover .tile-go{transform:translateX(4px)}
.mtag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--pc,var(--muted))}
.feed-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.feed-sub>b{font-size:12px;color:var(--muted)}
@media (max-width:560px){.tile.wide{grid-column:auto}}
.tile.soon{opacity:.5;box-shadow:var(--glow-sm)}

/* фильтры-таблетки */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.filters a{padding:7px 16px;border-radius:99px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  border:1px solid var(--line);background:var(--chip)}
.filters a:hover{color:var(--hi);text-shadow:none;border-color:var(--neon2)}
.filters a.on{color:var(--hi);background:rgba(139,92,246,.2);box-shadow:var(--glow-sm);border-color:transparent}
.filters a span{opacity:.6;margin-left:4px}

.add{margin-bottom:20px}
.add summary{cursor:pointer;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--neon3);list-style:none}
.add summary::-webkit-details-marker{display:none}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;align-items:end;margin-top:18px}
.form{display:flex;flex-direction:column;gap:14px}.form h2{margin:0}.form .btn{align-self:flex-start}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px;margin-top:18px}

/* таблицы */
.table{padding:6px 0;overflow-x:auto}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:12px 18px;border-bottom:1px solid rgba(167,139,250,.12);white-space:nowrap}
th{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-weight:800}
tr:last-child td{border-bottom:0}
tbody tr{transition:background .12s}tbody tr:hover{background:rgba(139,92,246,.09)}
td a{font-weight:700}
tr.off td{opacity:.45}tr.warn td{color:var(--err)}

@media (max-width:640px){
  .top{gap:10px;padding:10px 16px}.top nav{order:3;flex-basis:100%;overflow-x:auto}
  .card{padding:18px;border-radius:18px}.login{padding:28px 20px}
}

/* сделки GGSel */
.head-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:18px 0 6px}
.stat{display:flex;flex-direction:column;gap:6px;padding:18px 20px}
.stat span{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--dim)}
.stat b{font-size:24px;font-weight:900;text-shadow:0 0 16px rgba(167,139,250,.55)}
.st{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:3px 10px;border-radius:99px;border:1px solid currentColor;box-shadow:0 0 10px -2px currentColor}
.st-1{color:#9ca3af}.st-2{color:#fca5a5}.st-3{color:#fcd34d}.st-4{color:#86efac}.st-5{color:#f9a8d4}
td.clip{max-width:240px;overflow:hidden;text-overflow:ellipsis}
.kv dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin-top:14px}
.kv h2+dl{margin-top:6px}.kv h2:not(:first-child){margin-top:22px}
.kv dt{color:var(--dim);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding-top:2px}
.kv dd{margin:0;font-weight:600;word-break:break-all}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.kv-list{display:grid;grid-template-columns:auto 1fr;gap:12px 24px}
.kv-list dt{color:var(--dim);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding-top:2px}
.kv-list dd{margin:0;font-weight:600}
.sync{margin:14px 0 4px;padding:12px 18px;border-radius:16px;font-weight:600}
.sync.good{background:var(--ok-bg);color:var(--ok);box-shadow:0 0 0 1px rgba(142,240,196,.35)}
.sync.warn{background:rgba(255,196,60,.12);color:#ffd166;box-shadow:0 0 0 1px rgba(255,209,102,.45)}
.pipes .ok{color:var(--ok);font-weight:700}
.sync.bad{background:var(--err-bg);color:var(--err);box-shadow:0 0 0 1px rgba(255,107,138,.45)}
.sync .mono{color:inherit}
table.tiers{margin-top:16px}table.tiers td,table.tiers th{padding:8px 12px}
.calc{display:grid;grid-template-columns:minmax(180px,280px) auto 1fr;gap:16px;align-items:end}
.calc .result{grid-column:1/-1}.calc .flash{grid-column:1/-1;margin:0}
.big{font-size:22px;font-weight:900;text-shadow:0 0 16px rgba(167,139,250,.55)}
pre.mono{white-space:pre-wrap}
@media (max-width:640px){.calc{grid-template-columns:1fr}}

/* транзакции */
.intake{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:14px 0 6px}
.intake b{font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.intake.on b{color:var(--ok);text-shadow:0 0 12px rgba(142,240,196,.5)}
.intake.off b{color:var(--muted)}
.intake p{margin-top:6px;max-width:720px;font-size:13.5px}
.err{color:var(--err)}
.rs{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:3px 10px;border-radius:99px;border:1px solid currentColor;box-shadow:0 0 10px -2px currentColor}
.rs-new{color:#c4b5fd}.rs-sending{color:#c4b5fd}.rs-review{color:#fcd34d}.rs-send_error{color:#fb923c}
.rs-sent{color:#7dd3fc}.rs-in_progress{color:#38bdf8}.rs-done{color:#86efac}.rs-failed{color:#fca5a5}.rs-cancelled{color:#9ca3af}
.actions{display:flex;gap:10px;flex-wrap:wrap}
form.inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
td.wrap-cell{white-space:normal}

/* проекты-слои: у каждого свой неон, задаётся через --pc */
.p-steam{--pc:#38bdf8;--pc-glow:rgba(56,189,248,.55);--pc-soft:rgba(56,189,248,.14)}
.p-ggsel{--pc:#e879f9;--pc-glow:rgba(232,121,249,.55);--pc-soft:rgba(232,121,249,.14)}
.p-qr{--pc:#4ade80;--pc-glow:rgba(74,222,128,.5);--pc-soft:rgba(74,222,128,.12)}
.picon{width:100%;height:100%;display:block}

.switch{display:flex;gap:6px;padding:4px;border-radius:99px;background:var(--chip);border:1px solid var(--line)}
.switch a{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 10px;border-radius:99px;color:var(--muted);
  font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;transition:color .15s,box-shadow .15s,background .15s}
.switch a .picon{width:18px;height:18px;color:var(--pc)}
.switch a:hover{color:var(--hi);text-shadow:none;background:var(--pc-soft)}
.switch a.on{color:var(--hi);background:var(--pc-soft);box-shadow:0 0 0 1px var(--pc),0 0 14px var(--pc-glow)}

.layer{position:sticky;top:57px;z-index:4;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:9px 22px;
  background:linear-gradient(90deg,var(--pc-soft),var(--bar) 45%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--pc);box-shadow:0 1px 22px var(--pc-glow)}
.layer-name{display:inline-flex;align-items:center;gap:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--hi);font-size:14px}
.layer-name .picon{width:24px;height:24px;color:var(--pc);filter:drop-shadow(0 0 6px var(--pc-glow))}
.layer nav{display:flex;gap:4px;flex-wrap:wrap}
.layer nav a,.layer nav span{padding:5px 13px;border-radius:99px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid transparent}
.layer nav a:hover{color:var(--hi);text-shadow:none;border-color:var(--pc)}
.layer nav a.on{color:var(--hi);border-color:var(--pc);box-shadow:0 0 10px var(--pc-glow)}
.layer nav span.soon{opacity:.4;cursor:default}

.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:24px}
.proj{display:flex;flex-direction:column;gap:8px;min-height:250px;padding:28px;color:var(--fg);overflow:hidden;
  box-shadow:0 0 0 1px var(--pc),0 0 18px var(--pc-glow),inset 0 0 26px var(--pc-soft);transition:transform .18s,box-shadow .18s}
.proj::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,var(--pc-glow),transparent 70%);opacity:.45;pointer-events:none}
.proj b{font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;margin-top:auto}
.proj .proj-go{margin-top:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--pc)}
.proj:hover{color:var(--fg);text-shadow:none;transform:translateY(-4px);
  box-shadow:0 0 0 1px var(--pc),0 0 30px var(--pc-glow),0 0 80px var(--pc-soft),inset 0 0 34px var(--pc-soft)}
.proj-ico{display:block;width:58px;height:58px;color:var(--pc);filter:drop-shadow(0 0 10px var(--pc-glow))}
.empty{margin-top:24px}.empty b{text-transform:uppercase;font-weight:900}

.phero{display:flex;align-items:center;gap:20px;margin:6px 0 4px}
.phero h1{margin:0;text-shadow:0 0 18px var(--pc-glow)}
.tile.p-steam,.tile.p-ggsel,.tile.p-qr{box-shadow:0 0 0 1px var(--pc),0 0 14px var(--pc-glow),inset 0 0 18px var(--pc-soft)}
.tile.p-steam::before,.tile.p-ggsel::before,.tile.p-qr::before{background:radial-gradient(circle,#fff,var(--pc) 45%,transparent 72%)}
.tile.soon.p-steam,.tile.soon.p-ggsel,.tile.soon.p-qr{opacity:.45;box-shadow:0 0 0 1px var(--line)}
.tile i{position:absolute;top:22px;right:22px;font-style:normal;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 10px}

fieldset.pick{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
fieldset.pick legend{font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;padding:0}
fieldset.pick .hint{flex-basis:100%;margin:0}
label.chip{flex-direction:row;cursor:pointer;text-transform:none;letter-spacing:0}
label.chip input{position:absolute;opacity:0;width:1px;height:1px}
label.chip span{padding:7px 14px;border-radius:99px;border:1px solid var(--line);color:var(--muted);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
label.chip input:checked+span{color:var(--hi);border-color:var(--pc);background:var(--pc-soft);box-shadow:0 0 12px var(--pc-glow)}
label.chip input:focus-visible+span{outline:2px solid var(--pc);outline-offset:2px}
.pchip{display:inline-block;margin-right:5px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 9px;border-radius:99px;color:var(--pc);border:1px solid var(--pc)}

@media (max-width:900px){.switch{order:4;flex-basis:100%;justify-content:center}}
@media (max-width:640px){
  .layer{position:static;padding:9px 16px;gap:10px}.layer nav{overflow-x:auto;flex-wrap:nowrap}
  .switch a span{display:none}.switch a{padding:6px 10px}
  .proj{min-height:200px}
}

/* просрочка и чарджбек */
.rs-overdue{color:#ff6b8a;background:rgba(255,60,110,.12)}
.rs-chargeback{color:#fb923c}.rs-refunded{color:#f9a8d4}
tr.late td{background:rgba(255,60,110,.05)}
.filters a.late{color:var(--err);border-color:rgba(255,107,138,.45)}
.filters a.late.on{background:var(--err-bg);box-shadow:0 0 0 1px rgba(255,107,138,.6),0 0 12px rgba(255,60,110,.35)}
table.tx td.when{color:var(--muted);font-size:13px}
table.tx th,table.tx td{padding:11px 14px}
table.tx td.clip{max-width:190px}
.btn.danger{background:linear-gradient(135deg,#e11d48,#fb7185);box-shadow:0 0 0 1px rgba(254,205,211,.6),0 0 18px rgba(244,63,94,.6),0 0 44px rgba(225,29,72,.3)}
.btn.danger:hover{box-shadow:0 0 0 1px #fecdd3,0 0 24px rgba(244,63,94,.85),0 0 60px rgba(225,29,72,.45)}
.danger-zone{box-shadow:0 0 0 1px rgba(255,107,138,.55),0 0 16px rgba(255,60,110,.35),inset 0 0 18px rgba(255,60,110,.12)}

/* копирование по клику и «глазик» */
button.copy{font:inherit;font-weight:700;color:var(--neon3);background:none;border:0;padding:0;cursor:copy;position:relative;text-align:left}
button.copy:hover{color:var(--hi);text-shadow:0 0 10px var(--neon)}
button.copy.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}
button.copy.small{font-size:12px;color:var(--muted)}
button.copy::after{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;pointer-events:none;
  font:800 10.5px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:99px;opacity:0;transition:opacity .15s}
button.copy.done::after{content:"Скопировано";opacity:1;color:var(--ok);background:var(--tip-ok);box-shadow:0 0 0 1px rgba(142,240,196,.5)}
button.copy.fail::after{content:"Не удалось";opacity:1;color:var(--err);background:var(--tip-err);box-shadow:0 0 0 1px rgba(255,107,138,.5)}
textarea.copy-buf{position:fixed;top:-100px;left:0;opacity:0}
td.eye-cell{width:1%;padding-right:0}
a.eye{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--muted);border:1px solid var(--line)}
a.eye svg{width:17px;height:17px}
a.eye:hover{color:var(--hi);border-color:var(--neon2);box-shadow:var(--glow-sm);text-shadow:none}
a.small-link{font-size:12px;margin-left:6px}
.trader{font-weight:700}

/* поиск по транзакциям */
.search{display:grid;grid-template-columns:1.4fr 1.2fr .8fr .8fr auto;gap:14px;align-items:end;margin:16px 0 4px;padding:18px 20px}
.search input,.search select{padding:10px 13px;font-size:14px}
.search-btns{display:flex;gap:8px}.search-btns .btn{padding:11px 20px}
.found{margin:-6px 0 12px;font-size:13px}
@media (max-width:900px){.search{grid-template-columns:1fr 1fr}.search-btns{grid-column:1/-1}}
@media (max-width:520px){.search{grid-template-columns:1fr}}

/* выдача доступа */
.access{margin-top:18px;display:flex;flex-direction:column;gap:16px;max-width:620px}
.access-text{font-size:15px;line-height:1.7;padding:16px 18px;border-radius:14px;background:var(--field);border:1px solid var(--line);user-select:all}
.btn.copy{cursor:pointer;position:relative}
.btn.copy.done::after{content:"Скопировано";position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;
  font:800 10.5px 'Montserrat',sans-serif;letter-spacing:.06em;padding:3px 9px;border-radius:99px;color:var(--ok);background:var(--tip-ok);box-shadow:0 0 0 1px rgba(142,240,196,.5)}

/* ширина колонок: логин Steam уже, трейдер шире */
table.tx td.login-cell{max-width:150px}
table.tx td.login-cell button.copy{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
table.tx td.trader-cell{min-width:170px;white-space:normal}

/* онлайн / офлайн */
.presence{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);vertical-align:middle;margin-right:6px}
.presence em{font-style:normal}
.presence i{width:9px;height:9px;border-radius:50%;background:#5b5670;box-shadow:0 0 0 2px rgba(91,86,112,.25)}
.presence.on{color:var(--ok)}
.presence.on i{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.25),0 0 10px #22c55e;animation:pulse 2s ease-in-out infinite}
h1 .presence{font-size:12px;margin-left:8px}
@keyframes pulse{50%{box-shadow:0 0 0 4px rgba(34,197,94,.12),0 0 16px #22c55e}}
@media (prefers-reduced-motion:reduce){.presence.on i{animation:none}}

/* ================= светлая тема: <html data-theme="light"> (переключатель в шапке) ================= */
:root[data-theme="light"]{
  --bg:#f5f3fb; --fg:#1c1631; --muted:#564e75; --dim:#7a7396;
  --neon:#7c3aed; --neon2:#7c3aed; --neon3:#6d28d9;
  --glass:rgba(255,255,255,.86); --glass2:#fff; --line:rgba(109,40,217,.2);
  --glow:0 0 0 1px rgba(124,58,237,.2),0 8px 28px rgba(76,29,149,.09);
  --glow-sm:0 0 0 1px rgba(124,58,237,.3),0 2px 10px rgba(124,58,237,.12);
  --err:#c8103f; --err-bg:rgba(225,29,72,.08); --ok:#067a52; --ok-bg:rgba(16,185,129,.1);
  --hi:#140f26; --bar:rgba(255,255,255,.86); --field:#fff; --opt:#fff; --chip:#fff;
  --tip-ok:#e7faf1; --tip-err:#fde8ee;
  color-scheme:light;
}
:root[data-theme="light"] body{background:
    radial-gradient(60vmax 40vmax at 50% -10%,rgba(167,139,250,.25),transparent 60%),
    radial-gradient(35vmax 35vmax at 0% 100%,rgba(196,181,253,.25),transparent 60%),
    var(--bg);background-attachment:fixed}
:root[data-theme="light"] body::before{opacity:.5;background-image:linear-gradient(rgba(109,40,217,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(109,40,217,.06) 1px,transparent 1px)}
:root[data-theme="light"] h1{text-shadow:none}
:root[data-theme="light"] a:hover,:root[data-theme="light"] button.copy:hover{text-shadow:none}
:root[data-theme="light"] .top{box-shadow:0 1px 18px rgba(76,29,149,.08)}
:root[data-theme="light"] .stat b,:root[data-theme="light"] .big{text-shadow:none}
:root[data-theme="light"] .brand img{filter:none}
:root[data-theme="light"] .r-admin{color:#a21caf}:root[data-theme="light"] .r-brigadier{color:#6d28d9}
:root[data-theme="light"] .r-trader{color:#0369a1}:root[data-theme="light"] .r-support{color:#15803d}
:root[data-theme="light"] .st-1{color:#6b7280}:root[data-theme="light"] .st-2{color:#dc2626}:root[data-theme="light"] .st-3{color:#b45309}
:root[data-theme="light"] .st-4{color:#15803d}:root[data-theme="light"] .st-5{color:#be185d}
:root[data-theme="light"] .rs-new,:root[data-theme="light"] .rs-sending{color:#6d28d9}:root[data-theme="light"] .rs-review{color:#b45309}
:root[data-theme="light"] .rs-send_error,:root[data-theme="light"] .rs-chargeback{color:#c2410c}:root[data-theme="light"] .rs-sent{color:#0369a1}
:root[data-theme="light"] .rs-in_progress{color:#0284c7}:root[data-theme="light"] .rs-done{color:#15803d}:root[data-theme="light"] .rs-failed{color:#dc2626}
:root[data-theme="light"] .rs-cancelled{color:#6b7280}:root[data-theme="light"] .rs-refunded{color:#be185d}:root[data-theme="light"] .rs-overdue{color:#c8103f}
:root[data-theme="light"] .rs,:root[data-theme="light"] .st,:root[data-theme="light"] .role{box-shadow:none}
:root[data-theme="light"] .p-steam{--pc:#0284c7;--pc-glow:rgba(2,132,199,.28);--pc-soft:rgba(2,132,199,.08)}
:root[data-theme="light"] .p-ggsel{--pc:#c026d3;--pc-glow:rgba(192,38,211,.25);--pc-soft:rgba(192,38,211,.07)}
:root[data-theme="light"] .p-qr{--pc:#16a34a;--pc-glow:rgba(22,163,74,.25);--pc-soft:rgba(22,163,74,.07)}
:root[data-theme="light"] .intake.on b{text-shadow:none}
:root[data-theme="light"] .presence.on i{background:#16a34a;box-shadow:0 0 0 2px rgba(22,163,74,.2)}
:root[data-theme="light"] .presence i{background:#b8b3c9}
:root[data-theme="light"] tbody tr:hover{background:rgba(124,58,237,.05)}

/* переключатель темы */
button.theme{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;cursor:pointer;
  background:var(--chip);border:1px solid var(--line);color:var(--muted);padding:0}
button.theme:hover{color:var(--hi);border-color:var(--neon2)}
button.theme svg{width:17px;height:17px}
button.theme .sun{display:none}
:root[data-theme="light"] button.theme .sun{display:block}
:root[data-theme="light"] button.theme .moon{display:none}
.login-theme{position:fixed;top:16px;right:16px}
/* Steam / QR из бота */
.feed-state{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 14px;color:var(--muted);font-size:13px}
.feed-state.stale>span:first-child b{color:var(--err)}
.feed-state form{margin-left:auto}
.feed-search{grid-template-columns:1fr auto}
.pager{display:flex;gap:10px;justify-content:center;margin:16px 0}
.stat small{font-size:12px}

/* развилка внутри проекта (QR: телеграм бот / парсер) */
.layer nav em.grp{font-style:normal;align-self:center;padding:5px 4px 5px 12px;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border-left:1px solid var(--line)}
.layer nav em.grp:first-child{border-left:0;padding-left:0}
.layer nav em.grp.on{color:var(--pc)}
.grp-h{margin-top:30px}.grp-h h2{margin:0}.grp-h p{margin:4px 0 0}
.pmon{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline}
.ctl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:18px 0}
.ctl{display:flex;flex-direction:column;gap:12px}.ctl h2{margin:0}.ctl p{margin:0}.ctl .btn{align-self:flex-start;margin-top:auto}
.ctl-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tx tr.on-row td{background:rgba(139,92,246,.12)}
.ph-acc{margin:18px 0 10px;font-size:15px}
.ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ph{display:flex;flex-direction:column;gap:10px;padding:14px}
.ph.ph-busy{box-shadow:inset 3px 0 0 #38bdf8}.ph.ph-ready{box-shadow:inset 3px 0 0 #86efac}
.ph.ph-broken{box-shadow:inset 3px 0 0 #ff6b8a;border-color:rgba(255,60,110,.5)}.ph.ph-offline{box-shadow:inset 3px 0 0 #fca5a5}
.ph.ph-off{opacity:.62}.ph-st{font-weight:800}
.ph-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:10px 0 14px}
.ph-sum .card{display:flex;flex-direction:column;gap:2px;padding:12px 14px}.ph-sum b{font-size:24px}.ph-sum .muted{font-size:12px}
.ph-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ph-head b{font-size:16px}
.ph-tags{display:flex;flex-wrap:wrap;gap:6px}
.ph-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:13px}
.ph-kv dt{color:var(--muted)}.ph-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ph-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.ph-act form{margin:0}
/* почта */
table.mail tr.unread td{font-weight:800;color:var(--hi)}
table.mail td.clip{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-subj{word-break:break-word}
.mail-body{margin:0;white-space:pre-wrap;word-break:break-word;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.mail-att{margin:8px 0 0;padding-left:18px}.mail-att li{margin:4px 0}
.mail-act{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.mail-act form{margin:0}
.pager form{display:inline;margin:0}
.nav-n{display:inline-block;min-width:18px;padding:0 6px;border-radius:99px;background:var(--err);color:#fff;font-size:11px;line-height:18px;text-align:center}

:root[data-theme="light"] .sync.warn{background:rgba(245,158,11,.12);color:#92580a;box-shadow:0 0 0 1px rgba(217,119,6,.4)}
:root[data-theme="light"] .tile-ico,:root[data-theme="light"] .tile .tile-go{color:#7c3aed;filter:none}
.mail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mail-head form{margin:0}.mail-head .nav-n{margin-left:6px}
/* статистика: период и графики (SVG без JS) */
.period-nav{grid-template-columns:auto 1fr auto auto;align-items:end}
.period-nav .btn.ghost{padding:13px 18px}
h2.cap{text-transform:capitalize}
.chart{padding:14px 16px 8px}
.chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:700;margin-bottom:6px}
.chart-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.chart-legend .muted::before{display:none}
.lg-c::before{background:var(--neon2)}
.lg-r::before{background:var(--err)}
svg.bars{display:block;width:100%;height:auto;overflow:visible}
svg.bars .grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
svg.bars .axis{stroke:var(--line);stroke-width:1}
svg.bars text{fill:var(--dim);font:700 11px 'Montserrat',sans-serif}
svg.bars .hit{fill:transparent}
svg.bars .c{fill:var(--neon2);opacity:.85}
svg.bars .r{fill:var(--err);opacity:.85}
svg.bars .bar:hover .hit{fill:rgba(167,139,250,.08)}
svg.bars .bar:hover .c,svg.bars .bar:hover .r{opacity:1}
:root[data-theme="light"] svg.bars .c{fill:var(--neon)}
@media (max-width:640px){svg.bars text{font-size:24px}}
.ph-note{display:flex;gap:6px;margin:0}.ph-note input{flex:1;min-width:0;font-size:13px;padding:5px 8px}
.ph-act .btn[disabled]{opacity:.45;cursor:not-allowed}
form.stack{display:flex;flex-direction:column;gap:12px;margin:0 0 10px;max-width:560px}
form.stack textarea{font:600 14px ui-monospace,monospace;color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:10px;resize:vertical;text-transform:none}
.ph-note select{flex:1;min-width:0;font-size:13px;padding:5px 30px 5px 8px}
.pg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pool-grid{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:14px;align-items:start}
.pool-grid form.stack{max-width:none}
@media (max-width:860px){.pool-grid{grid-template-columns:1fr}}
details.card summary{cursor:pointer;font-weight:700}
/* Трубки: одна строка на трубку, раскрывается */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.chip-a{padding:6px 14px;border-radius:99px;border:1px solid var(--line);color:var(--muted);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}
.chip-a.on{color:var(--fg);border-color:var(--neon2);box-shadow:0 0 0 1px var(--neon2)}
.phl{display:flex;flex-direction:column;gap:6px}
.phl-head,.phr>summary{display:grid;grid-template-columns:70px minmax(160px,1.4fr) minmax(130px,1fr) 150px 140px 120px;gap:10px;align-items:center;padding:8px 14px}
.phl-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.phr{background:var(--glass);border:1px solid var(--line);border-radius:14px}
.phr>summary{cursor:pointer;list-style:none}.phr>summary::-webkit-details-marker{display:none}
.phr>summary>span{min-width:0;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.phr[open]{border-color:var(--neon2)}
.phr.unv{box-shadow:inset 3px 0 0 #f5c542}
.phr-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line)}
.phr-body .ph-kv{padding-top:10px}
.phr-forms{display:flex;flex-direction:column;gap:8px;max-width:620px}
.ph-note .lbl{align-self:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);min-width:64px}
.yel{color:#f5c542}.tag-yel{display:inline-block;width:max-content;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:1px 8px;border-radius:99px;color:#f5c542;border:1px solid #f5c542}
.ph-sum .card.warn{box-shadow:0 0 0 1px rgba(245,197,66,.45)}
.fp-edit summary{cursor:pointer;font-size:13px;color:var(--muted)}
.fp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end;margin-top:8px}
.btn.busy{opacity:.7;cursor:progress}
:root[data-theme="light"] .yel,:root[data-theme="light"] .tag-yel{color:#a16207;border-color:#a16207}
@media (max-width:860px){
  .phl-head{display:none}
  .phr>summary{grid-template-columns:1fr 1fr;gap:6px 12px}
  .phr>summary .c-addr{grid-column:1/-1;flex-direction:row;gap:8px;align-items:baseline}
}
.vmos-new{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.vn-row{display:grid;grid-template-columns:auto minmax(80px,1fr) minmax(120px,1.4fr) auto auto;gap:10px;align-items:center;margin:0;padding:6px 0;border-top:1px solid var(--line)}
@media (max-width:860px){.vn-row{grid-template-columns:auto 1fr;}}
.flow{display:inline-block;width:max-content;font-size:10px;font-weight:800;letter-spacing:.06em;padding:1px 7px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.flow-ocr{color:#f5c542;border-color:#f5c542}
:root[data-theme="light"] .flow-ocr{color:#a16207;border-color:#a16207}
/* Вкладки «Трубки | Аккаунты» и страница аккаунтов */
.tabs{display:flex;gap:4px;margin:0 0 6px;border-bottom:1px solid var(--line)}
.tabs a{padding:8px 16px;font-weight:800;font-size:13px;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a.on{color:var(--fg);border-bottom-color:var(--neon2)}
details.paste>summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:baseline}
details.paste[open]>summary{margin-bottom:12px}
details.paste textarea{min-height:140px}
details.sec{display:inline-block}details.sec>summary{cursor:pointer;list-style:none;color:var(--muted);letter-spacing:.1em}
details.sec[open]>summary{display:none}
.acc-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:16px 0 8px}
.acc-filter .filters{margin:0}.acc-filter input[type=search]{max-width:280px;padding:7px 12px;font-size:13px}
.acc-act{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.acc-act form{margin:0}
.acc-edit>summary{list-style:none}.acc-edit[open]{flex-basis:100%}
.acc-edit form.stack{margin-top:8px;min-width:240px}
.pv-err td,.pv-dup td{opacity:.8}.pv-go{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.miss{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.miss form{margin:0 0 0 auto}
.ph-sum .card form{margin-top:6px}
.wd-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}
.wd-form h2,.wd-form .wide,.wd-form .wd-go{grid-column:1/-1}
.wd-go{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.wd-net{font-size:22px}
.wd-rej{display:flex;gap:8px;flex-wrap:wrap}.wd-rej input{min-width:220px}
tr.wd-new td{background:rgba(160,110,255,.08)}

/* ================= боковая панель (вместо шапки) ================= */
body.has-side{display:grid;grid-template-columns:256px minmax(0,1fr);align-items:start}
body.has-side>main{grid-column:2;min-width:0}
.side{grid-column:1;grid-row:1/span 9;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
  background:var(--bar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-right:1px solid var(--line);box-shadow:1px 0 24px rgba(124,58,237,.14);z-index:6}
.side>.brand{padding:18px 20px 12px}
.side-nav{flex:1;overflow-y:auto;padding:4px 12px 16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.sg{padding:8px 0 6px;border-top:1px solid var(--line)}
.sg:first-child{border-top:0}
.sg-t{display:block;font-style:normal;padding:8px 10px 4px;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--neon2)}
.sg .sg-t{color:var(--pc,var(--neon2))}
.sg-p{font-weight:900!important;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px!important;color:var(--hi)!important}
.sg-p .picon{width:20px;height:20px;color:var(--pc);flex:none}
.side-nav a,.side-nav span.soon{display:flex;align-items:center;gap:11px;padding:7px 10px;margin:1px 0;border-radius:10px;
  color:var(--muted);font-weight:600;font-size:13.5px;line-height:1.3;border:1px solid transparent;transition:background .12s,color .12s}
.side-nav a>span:not(.nav-n){flex:1}
.side-nav .nicon{width:17px;height:17px;flex:none;color:var(--dim)}
.side-nav a:hover{color:var(--hi);text-shadow:none;background:rgba(139,92,246,.1)}
.side-nav a:hover .nicon{color:var(--pc,var(--neon2))}
.side-nav a.on{color:var(--hi);background:var(--pc-soft,rgba(139,92,246,.14));border-color:var(--pc,var(--neon2));box-shadow:0 0 12px var(--pc-glow,rgba(139,92,246,.35))}
.side-nav a.on .nicon{color:var(--pc,var(--neon2))}
.side-nav span.soon{opacity:.4;cursor:default}
.side-nav .nav-n{flex:none}
.side-foot{padding:12px 14px 16px;border-top:1px solid var(--line);display:grid;gap:12px}
.side-foot .who{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13.5px}
.tswitch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:99px;background:var(--chip);border:1px solid var(--line)}
.tswitch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:0;border-radius:99px;cursor:pointer;
  background:transparent;color:var(--muted);font:800 11.5px/1 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.tswitch button svg{width:15px;height:15px}
.tswitch button:hover{color:var(--hi)}
:root:not([data-theme="light"]) .tswitch [data-theme-set="dark"],
:root[data-theme="light"] .tswitch [data-theme-set="light"]{color:var(--hi);background:rgba(139,92,246,.18);box-shadow:var(--glow-sm)}
.mbar,.side-back{display:none}
:root[data-theme="light"] .side{box-shadow:1px 0 18px rgba(76,29,149,.08)}
:root[data-theme="light"] .side-nav a:hover{background:rgba(124,58,237,.07)}
@media (max-width:900px){
  body.has-side{display:block}
  .mbar{display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:5;padding:10px 16px;
    background:var(--bar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  .burger{display:grid;gap:4px;width:38px;height:38px;place-content:center;border-radius:10px;cursor:pointer;background:var(--chip);border:1px solid var(--line)}
  .burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--fg)}
  .side{position:fixed;left:0;top:0;bottom:0;width:min(280px,86vw);transform:translateX(-102%);transition:transform .2s}
  body.side-open .side{transform:none}
  body.side-open .side-back{display:block;position:fixed;inset:0;z-index:5;background:rgba(0,0,0,.45)}
}
@media (prefers-reduced-motion:reduce){.side{transition:none}}
/* иконки панели — цветом группы, как в эталоне */
.side-nav .nicon{color:var(--pc,var(--neon2))}
.side-nav .sg-t{font-size:11px}
.role-list{margin:4px 0 10px 18px;padding:0}.role-list li{margin:2px 0}
/* Транзакции: фильтры-плашки */
.txf{padding:16px 18px}
.txf-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.txf-chips{flex:1;display:flex;flex-wrap:wrap;gap:6px;padding-left:12px;border-left:2px solid var(--neon2);border-radius:4px}
.chip-f{padding:5px 10px;border-radius:8px;border:1px solid var(--line);background:var(--chip);color:var(--muted);font:700 12px/1.2 'Montserrat',sans-serif;cursor:pointer}
.chip-f:hover{color:var(--hi);border-color:var(--neon2)}
.chip-f.on{color:var(--hi);background:rgba(139,92,246,.18);border-color:var(--neon2);box-shadow:var(--glow-sm)}
.chip-f.stub{opacity:.4;cursor:not-allowed}
.btn.round{width:40px;height:40px;padding:0;border-radius:50%;display:inline-grid;place-items:center;font-size:17px}
.txf-fields{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:14px}
.txf-fields label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted);min-width:170px}
.txf-fields label[hidden]{display:none}
.txf-range{display:flex;gap:6px}.txf-range input{width:90px}
.txf-go{margin-left:auto}
table.txt td{vertical-align:top}
th a.sort{color:inherit;white-space:nowrap}th a.sort span{opacity:.6}th a.sort.on{color:var(--hi)}
.tx-pc{color:var(--pc);font-weight:700}
/* Курсы валют: выдвижная форма справа */
.drawer-back{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.5)}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:21;width:min(420px,100vw);display:flex;flex-direction:column;
  background:var(--opt);border-left:1px solid var(--line);box-shadow:-10px 0 40px rgba(0,0,0,.4)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}
.drawer-head h2{margin:0;color:var(--hi);font-size:17px;text-transform:none;letter-spacing:0}
.drawer-x{font-size:18px;color:var(--muted)}
.drawer-form{flex:1;overflow-y:auto;padding:16px 18px 0;display:grid;gap:14px;align-content:start}
.drawer-form label{display:grid;gap:6px;font-size:13.5px;color:var(--fg)}
.drawer-form label.check{display:flex;align-items:center;gap:10px}
.drawer-foot{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 0 18px;background:var(--opt)}
.r-sell{color:#f87171;font-weight:700}.r-buy{color:#4ade80;font-weight:700}
:root[data-theme="light"] .r-sell{color:#dc2626}:root[data-theme="light"] .r-buy{color:#15803d}
.rate-live{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.big-rate{font-size:16px;color:var(--hi)}
td.row-act{white-space:nowrap}td.row-act form{display:inline}
.mail-pager{align-items:center;flex-wrap:wrap}
.per{display:inline-flex;gap:4px;align-items:center;margin-left:12px;color:var(--muted);font-size:13px}
.per a{padding:4px 10px;border-radius:8px;border:1px solid var(--line);color:var(--muted);font-weight:700}
.per a.on{color:var(--hi);border-color:var(--neon2);box-shadow:var(--glow-sm)}
/* модальное окно по центру (Мерчанты → Пользователи) */
.modal-back{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.5)}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:21;width:min(400px,calc(100vw - 32px));
  background:var(--opt);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 4px}
.modal-head h2{margin:0;color:var(--hi);font-size:16px;text-transform:none;letter-spacing:0}
.modal .drawer-foot{position:static;background:none}
.crumbs{color:var(--muted);font-size:13px;margin-bottom:6px}.crumbs b{color:var(--fg)}
.yn{display:inline-block;padding:2px 10px;border-radius:6px;font-size:12px;font-weight:700}
.yn.yes{background:rgba(74,222,128,.18);color:#4ade80}.yn.no{background:rgba(255,107,138,.14);color:var(--err)}
:root[data-theme="light"] .yn.yes{color:#15803d}
a.eye{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(139,92,246,.18);color:var(--hi)}
a.eye svg{width:16px;height:16px}a.eye:hover{box-shadow:var(--glow-sm);text-shadow:none}
.mu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mu-act{display:flex;gap:8px;align-items:center}
.kebab{position:relative}.kebab summary{list-style:none;cursor:pointer}.kebab summary::-webkit-details-marker{display:none}
.kebab-menu{position:absolute;right:0;top:40px;z-index:6;min-width:200px;padding:6px;background:var(--opt);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.kebab-menu form{margin:0}.kebab-menu button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--fg);font:600 13px 'Montserrat',sans-serif;cursor:pointer}
.kebab-menu button:hover{background:rgba(139,92,246,.12)}
.tabs{display:flex;gap:4px;margin:14px 0 12px;border-bottom:1px solid var(--line)}
.tabs a{padding:9px 14px;color:var(--muted);font-weight:700;font-size:13.5px;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a.on{color:var(--hi);border-bottom-color:var(--neon2)}
.mu-kv dl{display:grid;grid-template-columns:200px 1fr;gap:10px 18px}.mu-kv dt{color:var(--muted);font-size:12.5px}
@media (max-width:640px){.mu-kv dl{grid-template-columns:1fr;gap:2px}.mu-kv dd{margin-bottom:8px}}
form.inline{display:inline-flex;align-items:center;gap:8px;margin:0}
button.toggle{width:40px;height:22px;border-radius:99px;border:1px solid var(--line);background:var(--chip);position:relative;cursor:pointer;padding:0}
button.toggle i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:left .15s}
button.toggle.on{background:rgba(74,222,128,.3);border-color:#4ade80}button.toggle.on i{left:20px;background:#4ade80}
.ok-t{color:var(--ok);font-weight:700}
.mu-tab-head{display:flex;justify-content:flex-end;padding:10px 12px 0}
/* магазины: форма с переключателями */
.modal-tall{max-height:calc(100vh - 32px);display:flex;flex-direction:column}
.modal-tall .drawer-form{overflow-y:auto;padding-bottom:0}
.modal-tall .drawer-foot{position:sticky;bottom:0;background:var(--opt)}
label.switch-row{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:13.5px;text-transform:none;letter-spacing:0;color:var(--fg);font-weight:600;cursor:pointer}
label.switch-row input{position:absolute;opacity:0;width:1px;height:1px}
label.switch-row .sw{flex:none;width:40px;height:22px;border-radius:99px;border:1px solid var(--line);background:var(--chip);position:relative;transition:background .15s}
label.switch-row .sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:left .15s,background .15s}
label.switch-row input:checked+.sw{background:rgba(74,222,128,.3);border-color:#4ade80}
label.switch-row input:checked+.sw::after{left:20px;background:#4ade80}
label.switch-row input:focus-visible+.sw{outline:2px solid var(--neon2);outline-offset:2px}
td.num{text-align:right;font-variant-numeric:tabular-nums}
.kebab-menu a.km{display:block;padding:8px 10px;border-radius:6px;color:var(--fg);font-weight:600;font-size:13px}
.kebab-menu a.km:hover{background:rgba(139,92,246,.12);text-shadow:none}
td.row-act .kebab{display:inline-block;vertical-align:middle}
/* карточка магазина */
.tabs-scroll{overflow-x:auto;scrollbar-width:thin}.tabs-scroll a{white-space:nowrap}
.shop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.shop-side{display:grid;gap:16px}
.settle-card{box-shadow:0 0 0 1px #4ade80,0 0 16px rgba(74,222,128,.25)}
.card-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-head-row h2{margin:0}
.pen{color:#4ade80;font-size:16px}
dl.mu-kv-col{display:grid;gap:4px}dl.mu-kv-col dt{color:var(--muted);font-size:12.5px;margin-top:8px}dl.mu-kv-col dd{margin:0}
.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.small-t{font-size:12.5px}.mu-tab-head .small-t{margin-right:auto;align-self:center}
.mu-tab-head{gap:10px;align-items:center}
.pair-label{display:grid;gap:6px;font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
details.log-diff{position:relative}details.log-diff summary{list-style:none;cursor:pointer}details.log-diff summary::-webkit-details-marker{display:none}
.log-box{position:absolute;right:0;z-index:5;margin-top:6px;min-width:280px;max-width:420px;padding:10px 12px;border-radius:10px;background:var(--opt);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.35);white-space:normal;font-size:12.5px;display:grid;gap:4px}
@media (max-width:860px){.shop-grid,.api-grid{grid-template-columns:1fr}}
/* контент справа от панели — на всю ширину, без центрированной колонки 1120px */
body.has-side>main.wrap{max-width:none;margin:0;padding:26px 28px 70px}
@media (max-width:640px){body.has-side>main.wrap{padding:18px 14px 50px}}
/* Платежные методы */
.pm-head{display:flex;align-items:center;gap:10px;padding:16px 18px 10px}.pm-head h2{margin:0 auto 0 0}
th.chk,td.chk{width:44px}
button[data-need-checked]:disabled{opacity:.45;cursor:not-allowed;transform:none}
/* пагинация с номерами страниц, добавление в каскад */
.pager a.pg{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;border:1px solid var(--line);color:var(--muted);font-weight:700}
.pager a.pg.on{color:var(--hi);border-color:var(--neon2);box-shadow:var(--glow-sm)}
.link-add{display:flex;gap:10px;align-items:center;padding:14px 18px 6px;flex-wrap:wrap}.link-add select{max-width:420px}
.txf-top>.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
/* Тарифы Payout */
.bal-chip{display:inline-block;padding:3px 12px;border-radius:8px;background:rgba(96,165,250,.22);color:#93c5fd;font-weight:800;font-size:12px}
:root[data-theme="light"] .bal-chip{color:#1d4ed8}
button.trash{border:0;background:none;color:var(--err);cursor:pointer;font-size:15px;padding:4px}
table.tiers-edit{width:100%}table.tiers-edit th,table.tiers-edit td{padding:6px 4px;border-bottom:1px solid var(--line);text-align:center}
table.tiers-edit input{padding:8px 10px;font-size:14px}
.btn.sm-round{width:30px;height:30px;font-size:15px}
td.row-act .pen{margin-right:8px}
/* Трейдеры */
.note-box{padding:12px 14px;border-radius:12px;background:rgba(139,92,246,.14);color:var(--neon3);text-align:center;font-size:13px}
h2.pad{padding:16px 18px 4px;margin:0}
form.prio input{width:90px;padding:6px 10px;font-size:14px}
form.traffic-row{gap:10px}form.traffic-row .bonus-in{width:100px;padding:6px 10px;font-size:14px}

/* ================= Собственный визуальный язык (2026-10-11): иконки-плитки, сегментные вкладки,
   индикаторы-точки, боковые панели вместо окон по центру, фильтр-строка. Логика и тексты те же. ================= */
/* иконки: двухтонные, в плитке */
.nicon .f,.ic .f,.picon .f{fill:currentColor;fill-opacity:.22}
.side-nav .nicon{width:28px;height:28px;padding:5px;border-radius:9px;background:var(--pc-soft,rgba(139,92,246,.12));
  box-shadow:inset 0 0 0 1px rgba(167,139,250,.18);color:var(--pc,var(--neon2))}
.side-nav a.on .nicon{background:linear-gradient(135deg,rgba(124,58,237,.55),rgba(167,139,250,.35));color:#fff;box-shadow:0 0 10px var(--pc-glow,rgba(139,92,246,.5))}
.side-nav a{padding:5px 8px}
.side-nav a.on{background:transparent;border-color:transparent;box-shadow:none;color:var(--hi);font-weight:800}
.side-nav a.on::after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--pc,var(--neon2));box-shadow:0 0 8px var(--pc,var(--neon2))}
.sg-t{letter-spacing:.14em;font-size:10px!important;opacity:.85}
.sg-t::before{content:"// ";opacity:.5}

/* вкладки — сегментный переключатель */
.tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--chip);margin:14px 0 16px;max-width:100%}
.tabs a{border:0;margin:0;padding:7px 14px;border-radius:10px;font-size:13px}
.tabs a.on{color:#fff;background:linear-gradient(135deg,#7c3aed,#9f67ff);box-shadow:0 0 12px rgba(139,92,246,.45);border:0}
.tabs a:not(.on):hover{color:var(--hi);background:rgba(139,92,246,.1);text-shadow:none}

/* Да/Нет — точка + текст вместо цветных плашек */
.yn{background:none!important;padding:0;font-weight:700;color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.yn::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}
.yn.yes{color:var(--mint,#5eead4)}.yn.no{color:var(--dim)}
:root[data-theme="light"] .yn.yes{color:#0d9488}
:root{--mint:#5eead4}:root[data-theme="light"]{--mint:#0d9488}

/* кнопка «открыть» в строке и меню «⋯» */
a.eye,details.log-diff summary.eye{width:30px;height:30px;border-radius:9px;background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--neon3)}
a.eye:hover,details.log-diff summary.eye:hover{background:rgba(139,92,246,.16);box-shadow:inset 0 0 0 1px var(--neon2)}
.kebab summary{letter-spacing:.1em}
.ok-t{color:var(--neon3)!important}
.bal-chip{background:transparent;color:var(--neon3);box-shadow:inset 0 0 0 1px var(--neon2);border-radius:99px;padding:2px 10px}
.add-btn{border-radius:10px}

/* переключатели — наш неон вместо зелёного */
button.toggle.on,label.switch-row input:checked+.sw{background:linear-gradient(135deg,#7c3aed,#a78bfa);border-color:#a78bfa}
button.toggle.on i,label.switch-row input:checked+.sw::after{background:#fff}

/* фильтр-строка: без «скобки», плашки пунктиром с «+» */
.txf{padding:12px 14px}
.txf-chips{border-left:0;padding-left:0;gap:8px}
.chip-f{border-style:dashed;border-radius:99px;padding:5px 12px}
.chip-f:not(.on):not(.stub)::before{content:"+ ";opacity:.7}
.chip-f.on{border-style:solid;border-radius:99px}
.chip-f.on::after{content:" ✓";opacity:.8}
.btn.round{width:38px;height:38px;border-radius:12px;font-size:16px}
.btn.round.ghost{box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}

/* окна — боковая панель справа вместо окна по центру */
.modal,.modal.modal-tall{left:auto;right:0;top:0;bottom:0;transform:none;width:min(460px,100vw);max-height:none;border-radius:20px 0 0 20px;
  border:0;border-left:1px solid var(--neon2);box-shadow:-20px 0 60px rgba(0,0,0,.5),0 0 30px rgba(139,92,246,.2);display:flex;flex-direction:column;
  animation:slide-in .18s ease-out}
.modal .drawer-form{flex:1;overflow-y:auto}
.modal .drawer-foot{position:sticky;bottom:0;background:var(--opt);margin-top:auto}
.modal-head{padding:20px 20px 10px;border-bottom:1px solid var(--line)}
.modal-head h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--neon3)}
@keyframes slide-in{from{transform:translateX(30px);opacity:.4}}
@media (prefers-reduced-motion:reduce){.modal{animation:none}}

/* блок автосетла и подобные — акцентная полоса сверху вместо зелёной рамки */
.settle-card{box-shadow:var(--glow)!important;border-top:3px solid var(--neon2)}
.pen{color:var(--neon3)}

/* страницы — «таблетки» */
.pager a.pg{border-radius:99px}
.crumbs{display:inline-flex;gap:6px;align-items:center;padding:4px 12px;border-radius:99px;background:var(--chip);border:1px solid var(--line);font-size:12px}

/* Трейдер: блок «Steam-бот» в карточке */
.sync-note { margin: 4px 2px 10px; }
.bot-card { padding: 18px 20px; margin-bottom: 16px; border-top: 2px solid var(--neon); }
.bot-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 14px; }
.bot-card-head h2 { margin: 0; font-size: 17px; }
.bot-card-head small { margin-left: auto; }
.bot-kpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-bottom: 14px; }
.bot-kpi > div { background: rgba(124, 92, 255, .08); border: 1px solid rgba(124, 92, 255, .18); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.bot-kpi small { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.bot-kpi b { font-size: 18px; }
.bot-kpi span { color: var(--muted); font-size: 12px; }
.bot-kv { display: grid; grid-template-columns: minmax(150px, 220px) 1fr; gap: 6px 16px; margin: 0 0 10px; }
.bot-kv dt { color: var(--muted); }
.bot-kv dd { margin: 0; word-break: break-word; }
@media (max-width: 640px) { .bot-kv { grid-template-columns: 1fr; } .bot-kv dd { margin-bottom: 6px; } }

/* ===== Кабинет трейдера (t.payout.traders-club.net) ===== */
.tc-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;font-size:9.5px;font-weight:900;letter-spacing:.14em;color:#5eead4;border:1px solid #5eead4;box-shadow:0 0 10px rgba(45,212,191,.35);vertical-align:middle}
.tcab .ic{width:17px;height:17px;flex:none}
.tcab .ic .f,.tcab .nicon .f{fill:currentColor;fill-opacity:.22}
.tc-state{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 8px 12px;padding:10px 12px;border-radius:14px;background:var(--glass);box-shadow:var(--glow-sm);font-size:12.5px}
.tc-rate{color:var(--muted)}.tc-rate b{color:var(--hi)}
.side-nav a.soon-l span:first-of-type{opacity:.75}
.tc-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:-6px 0 18px}
.tc-top .crumbs{margin:0}
.tc-top .grow{flex:1}
.tc-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:12px;font-weight:800;font-size:13px;color:var(--fg);background:var(--chip);border:1px solid var(--line);cursor:default;list-style:none}
.tc-chip::-webkit-details-marker{display:none}
.tc-chip .ic{color:var(--neon2)}
.tc-chip.warm .ic{color:#fbbf24}
.tc-chip.main{cursor:pointer;color:#fff;border:0;background:linear-gradient(135deg,#7c3aed,#9f67ff);box-shadow:0 0 0 1px rgba(196,181,253,.6),0 0 16px rgba(139,92,246,.45)}
.tc-chip.main .ic{color:#fff}
.tc-chip .caret{font-size:10px;opacity:.8}
.tc-bal{position:relative}
.tc-bal-menu{position:absolute;right:0;top:46px;z-index:6;min-width:240px;padding:14px;display:grid;gap:10px;background:var(--opt);border:1px solid var(--line);border-radius:16px;box-shadow:var(--glow)}
.tc-bal-menu div{display:flex;justify-content:space-between;gap:16px}
.tc-bal-menu small{color:var(--muted);font-size:12px}
.tc-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.tc-tiles.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tc-tile{display:flex;align-items:center;gap:14px;padding:18px}
.tc-tile .ti{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(139,92,246,.16);color:var(--neon3);box-shadow:var(--glow-sm);flex:none}
.tc-tile .ti .ic{width:22px;height:22px}
.tc-tile.mint .ti{background:rgba(45,212,191,.14);color:#5eead4}
.tc-tile.warm .ti{background:rgba(251,191,36,.14);color:#fbbf24}
.tc-tile small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.tc-tile b{display:block;font-size:20px;font-weight:900;color:var(--hi)}
.tc-tile span{font-size:12px;color:var(--muted)}
.tc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.tc-head h2{margin:0}
.tc-chart{width:100%;height:220px;display:block}
.tc-chart .grid{stroke:rgba(167,139,250,.14);stroke-width:1;vector-effect:non-scaling-stroke}
.tc-chart .bar{fill:var(--neon)}
.tc-chart .bar:hover{fill:var(--neon3)}
.tc-chart .bar.zero{fill:var(--line)}
.tc-axis{display:grid;grid-template-columns:repeat(30,1fr);font-size:10.5px;color:var(--dim);text-align:center;margin-top:4px}
.tc-mat td{vertical-align:middle}
.tc-owner b{display:block;font-weight:700}.tc-owner span{display:block;font-size:13px}
.tc-dev{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--muted);background:var(--chip)}
.tc-reqs{min-width:260px}
.tc-req{display:flex;align-items:center;gap:8px;margin:3px 0}
.tc-kind{display:inline-grid;place-items:center;color:var(--neon2)}
.tc-val{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;word-break:break-all;color:var(--neon3)}
button.toggle.sm{width:34px;height:19px}button.toggle.sm i{width:13px;height:13px}button.toggle.sm.on i{left:17px}
.tc-cmt{max-width:320px;word-break:break-word}
.ic-open{width:16px;height:16px}
.tc-sub{margin:8px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--neon3)}
.tc-req-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:8px;align-items:center}
.tc-req-row select,.tc-req-row input[name^="req_value"]{width:100%}
.tc-del{padding:0 22px 22px}
.link.err{color:var(--err)}
.tc-search{flex:1;min-width:200px;font:600 14px 'Montserrat',sans-serif;color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:12px;padding:9px 12px}
.tc-chat{display:grid;gap:16px}
.tc-msgs{display:grid;gap:10px;max-height:60vh;overflow-y:auto;padding-right:4px}
.tc-msg{max-width:76%;padding:10px 14px;border-radius:16px;background:var(--chip);border:1px solid var(--line)}
.tc-msg.me{justify-self:end;background:rgba(139,92,246,.16);border-color:rgba(167,139,250,.4)}
.tc-msg small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}
.tc-msg p{white-space:pre-wrap;word-break:break-word}
.tc-send{display:grid;gap:10px}
.tc-send textarea{width:100%;font:500 14px 'Montserrat',sans-serif;color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:14px;padding:10px 12px;resize:vertical}
.tc-send .btn{justify-self:end}
.tc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.tc-stub{max-width:none}
@media (max-width:1100px){.tc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.tc-tiles,.tc-tiles.three,.tc-two{grid-template-columns:1fr}.tc-req-row{grid-template-columns:1fr auto}.tc-req-row select{grid-column:1/-1}.tc-msg{max-width:92%}.tc-top{margin-top:0}}

/* Магазин: источник заявок */
.src-list{display:grid;gap:10px;margin-top:10px}
.src-list .btn{justify-self:start}
.src-list label.dis{opacity:.5;cursor:not-allowed}