:root{
  --bg:#151519; --panel:#20262e; --raised:#2a323d; --high:#363c43;
  --border:#3f4b5b; --line:#2e3742;
  --accent:#8dd0ff; --ink:#151515;
  --text:#e6e9ee; --dim:#9aa4b1; --dim2:#6d7886;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);
  font:15px/1.5 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  display:flex;flex-direction:column;min-height:100vh}
.mono{font-family:ui-monospace,"Cascadia Mono","JetBrains Mono",Consolas,monospace;
  font-variant-numeric:tabular-nums}
.ic{flex:none;display:block}

/* ── навбар ─────────────────────────────────────── */
.nav{height:64px;flex:none;display:flex;align-items:center;gap:26px;
  padding:0 24px;background:#101014;border-bottom:1px solid #262c35}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;color:var(--text)}
.logo{width:30px;height:30px;border-radius:50%;
  background:radial-gradient(circle at 32% 30%,#bfe4ff 0%,#8dd0ff 40%,#28567a 100%)}
.nav a{color:var(--dim);text-decoration:none;font-size:.95rem}
.nav a.on{color:var(--accent)}
.navr{margin-left:auto;display:flex;align-items:center;gap:22px;color:var(--dim);font-size:.95rem}

/* ── шапка компании ─────────────────────────────── */
.band{background:var(--panel);border-bottom:1px solid var(--line);padding:18px 32px;flex:none}
.bandrow{display:flex;align-items:center;gap:16px}
.avatar{width:42px;height:42px;border-radius:4px;background:var(--raised);
  border:1px solid var(--border);display:grid;place-items:center;
  font-weight:700;color:var(--accent);font-size:.9rem;letter-spacing:.03em}
.coname{font-size:1.3rem;font-weight:700}
.cosub{color:var(--dim);font-size:.88rem;margin-top:1px}
.spacer{flex:1}

/* ── кнопки ─────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:4px;border:1px solid var(--border);background:transparent;
  color:#cfe2f2;padding:8px 14px;font-size:.92rem;cursor:pointer;white-space:nowrap}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:650}
.btn.ghost{border-color:transparent;color:var(--dim)}
.btn.iconb{padding:8px 10px}
.btn.wide{width:100%}

/* ── поля ───────────────────────────────────────── */
.inp{background:#1a1f26;border:1px solid var(--border);border-radius:4px;
  color:var(--text);padding:8px 12px;font-size:.92rem;
  display:inline-flex;align-items:center;gap:8px}
.inp .ph{color:var(--dim2)}
.inp .chev{margin-left:auto;color:var(--dim)}

/* ── таблица ────────────────────────────────────── */
.tblwrap{flex:1;display:flex;flex-direction:column;padding:0 32px;min-height:0}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th{text-align:left;font-size:.78rem;letter-spacing:.04em;color:var(--dim);
  font-weight:600;padding:11px 14px;border-bottom:1px solid var(--border);background:#232a33}
td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.name{font-weight:550}
.dimtxt{color:var(--dim)}
.bank{font-size:.8rem;line-height:1.5;color:#b9c4d0}
.cb{width:18px;height:18px;border:1px solid var(--border);border-radius:4px;
  background:#1a1f26;display:inline-block;vertical-align:middle}
.cb.ck{background:var(--accent);border-color:var(--accent);position:relative}
.cb.ck::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;
  border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(42deg)}
.cellinp{background:#1a1f26;border:1px solid var(--border);border-radius:4px;
  padding:6px 10px;font-size:.85rem;color:var(--text);display:inline-block;white-space:nowrap}
.chip{background:var(--raised);border:1px solid var(--border);border-radius:4px;
  padding:2px 8px;font-size:.76rem;color:var(--dim);white-space:nowrap}
.rowact{display:flex;gap:4px;justify-content:center;color:var(--dim)}
.rowact .btn{padding:6px}

/* итоговая строка + пустой гроссбух */
.sumrow{display:flex;justify-content:space-between;align-items:center;
  padding:11px 14px;background:#232a33;border-bottom:1px solid var(--border);font-size:.9rem}
.sumrow .total{color:var(--accent);font-weight:650;font-size:1rem}
.ledger{flex:1;min-height:90px;
  background:repeating-linear-gradient(to bottom,transparent 0 47px,var(--line) 47px 48px)}

/* ── журнальная строка ─────────────────────────── */
.jline{display:flex;align-items:center;gap:10px;color:var(--dim);
  font-size:.84rem;padding:9px 32px;border-bottom:1px solid var(--line)}

/* ── футер и бейдж варианта ────────────────────── */
.foot{flex:none;background:#101014;border-top:1px solid #262c35;color:var(--dim);
  text-align:center;padding:15px;font-size:.88rem}
.tag{position:fixed;right:18px;bottom:18px;background:var(--accent);color:var(--ink);
  font-weight:700;font-size:.85rem;padding:7px 12px;border-radius:4px;
  box-shadow:0 8px 24px rgba(0,0,0,.55);z-index:99}