:root { --bg:#f5f6f8; --card:#fff; --text:#17191c; --muted:#747b86; --line:#e7e9ee; --accent:#17191c; }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; color:var(--text); background:var(--bg); }
a { color:inherit; }
.topbar { height:64px; background:#fff; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 28px; position:sticky; top:0; z-index:10; }
.wrap { max-width:1240px; margin:28px auto; padding:0 20px; }
.stats { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:18px; }
.stat { background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px; text-decoration:none; display:flex; flex-direction:column; gap:5px; }
.stat b { font-size:24px; }
.stat span { color:var(--muted); font-size:13px; }
.filters { display:grid; grid-template-columns:1fr 220px auto; gap:10px; margin-bottom:18px; }
input,select,textarea { width:100%; border:1px solid #d9dde5; background:#fff; border-radius:10px; padding:11px 12px; font:inherit; outline:none; }
textarea { resize:vertical; }
input:focus,select:focus,textarea:focus { border-color:#8b93a1; box-shadow:0 0 0 3px rgba(0,0,0,.04); }
label { display:flex; flex-direction:column; gap:7px; font-size:13px; font-weight:600; }
.btn { border:1px solid #d7dbe2; background:#fff; border-radius:10px; padding:10px 16px; font-weight:700; cursor:pointer; }
.btn.primary { background:var(--accent); border-color:var(--accent); color:#fff; }
.linkbtn { border:0; background:none; color:var(--muted); cursor:pointer; }
.table-card,.card { background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.table-head { display:flex; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--line); font-weight:700; }
.table-scroll { overflow:auto; }
table { width:100%; border-collapse:collapse; }
th,td { text-align:left; padding:14px 16px; border-bottom:1px solid var(--line); white-space:nowrap; font-size:14px; }
th { color:var(--muted); font-size:12px; font-weight:700; background:#fafbfc; }
.clickable { cursor:pointer; }
.clickable:hover td { background:#fafafa; }
.badge { display:inline-flex; align-items:center; padding:6px 9px; border-radius:999px; font-size:12px; font-weight:700; background:#eef0f3; }
.status-new { background:#fff0c7; }
.status-work { background:#dcecff; }
.status-thinking { background:#eee6ff; }
.status-success { background:#dcf4e4; }
.status-reject { background:#f2e4e4; }
.muted { color:var(--muted); }
.small { font-size:12px; margin-top:3px; }
.empty { color:var(--muted); text-align:center; padding:34px; }
.detail-grid { display:grid; grid-template-columns:1.35fr .8fr; gap:18px; align-items:start; }
.card { padding:22px; }
.card.full { grid-column:1/-1; }
.card h1 { margin:0 0 6px; font-size:28px; }
.card h2 { margin:0 0 18px; font-size:18px; }
.lead-title { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:24px; }
.details { display:grid; grid-template-columns:150px 1fr; gap:13px 16px; margin:0; }
.details dt { color:var(--muted); }
.details dd { margin:0; }
.stack { display:flex; flex-direction:column; gap:14px; }
.raw-grid { border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.raw-row { display:grid; grid-template-columns:220px 1fr; gap:16px; padding:11px 13px; border-bottom:1px solid var(--line); font-size:13px; }
.raw-row:last-child { border-bottom:0; }
.break { overflow-wrap:anywhere; white-space:normal; }
.back { text-decoration:none; font-weight:700; }
.login-body { min-height:100vh; display:grid; place-items:center; padding:20px; }
.login-card { width:min(390px,100%); background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px; box-shadow:0 18px 55px rgba(0,0,0,.06); }
.login-card h1 { margin:18px 0 4px; }
.brand { display:inline-block; border:1px solid var(--line); border-radius:999px; padding:6px 10px; font-size:12px; font-weight:800; }
.alert { margin:16px 0; background:#fff0f0; border:1px solid #f0d1d1; border-radius:10px; padding:10px 12px; font-size:13px; }
@media (max-width:900px) {
  .stats { grid-template-columns:repeat(3,1fr); }
  .detail-grid { grid-template-columns:1fr; }
  .card.full { grid-column:auto; }
}
@media (max-width:620px) {
  .topbar { padding:0 16px; }
  .wrap { margin:18px auto; padding:0 12px; }
  .stats { grid-template-columns:repeat(2,1fr); }
  .filters { grid-template-columns:1fr; }
  .details { grid-template-columns:1fr; gap:4px; }
  .details dd { margin-bottom:8px; }
  .raw-row { grid-template-columns:1fr; gap:4px; }
}
.filters-4 { grid-template-columns:1fr 200px 200px auto; }
.fio-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
@media (max-width:900px) { .filters-4 { grid-template-columns:1fr 1fr; } .fio-grid { grid-template-columns:1fr; } }
@media (max-width:620px) { .filters-4 { grid-template-columns:1fr; } }