*{box-sizing:border-box;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{margin:0;min-height:100vh;color:#0f1e24;background:#ffffff}
.wrap{min-height:calc(100vh - 44px);display:flex;align-items:flex-start;justify-content:center;padding:28px}
.card{width:100%;max-width:430px;background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:26px;box-shadow:0 14px 40px rgba(15,60,80,.08)}
.card.wide{max-width:1100px}
.head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:10px}
.logo{height:78px}
.head h1{font-size:18px;margin:8px 0 0}.head .sub{margin:2px 0 0;font-size:12.5px;color:#6b8794}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 7px;color:#33525d}
input,select{width:100%;padding:13px;border-radius:11px;font-size:15px;outline:none;border:1.5px solid #d8e0e8;background:#fff;color:#0f1e24}
input:focus,select:focus{border-color:#14B8B9;box-shadow:0 0 0 3px rgba(20,184,185,.15)}
.inn{letter-spacing:3px;font-weight:700;font-variant-numeric:tabular-nums;font-size:22px;text-align:center}
.btn{width:100%;margin-top:20px;padding:15px;border:0;border-radius:11px;font-size:16px;font-weight:700;cursor:pointer;background:#14B8B9;color:#fff;transition:.15s}
.btn:hover{filter:brightness(.95)}
.btn:disabled{opacity:.6;cursor:progress}
.btn.small{width:auto;margin:0;padding:11px 16px;font-size:13.5px}
.btn.ghost{background:#eef3f5;color:#0f1e24}
.err{color:#e11d48;font-size:13px;margin-top:8px;min-height:16px}
.ferr{color:#e11d48;font-size:12px;margin-top:4px;min-height:0}
.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:12px 14px;font-size:13px;margin-top:10px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.scr-title{font-size:20px;margin:4px 0 2px}
.nomargin{margin:0}
.top16{margin-top:16px}
.hidden{display:none!important}
.topbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap;border-bottom:1px solid #eef2f6;padding-bottom:16px}
.topbar .lg{height:40px}
.topbar .who{font-size:12.5px;color:#6b8794}.topbar .who b{color:#0f1e24}
.badge-role{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#e6faf9;color:#0e8e8f;margin-left:6px;text-transform:uppercase}
.spacer{flex:1}
.topbar a.exit{color:#0e8e8f;cursor:pointer;font-weight:600;font-size:12.5px;text-decoration:none}
.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.tab{padding:9px 16px;border-radius:10px;border:1px solid #d8e0e8;background:#fff;color:#33525d;font-size:13.5px;font-weight:600;cursor:pointer}
.tab.on{background:#14B8B9;border-color:#14B8B9;color:#fff}
.center-col{max-width:460px;margin:0 auto}
.verdict{text-align:center;padding:12px 0 2px}
.vicon{width:112px;height:112px;border-radius:50%;margin:6px auto 14px;display:flex;align-items:center;justify-content:center;font-size:58px}
.vtext{font-size:40px;font-weight:800;letter-spacing:.5px}
.vinn{font-size:14px;font-variant-numeric:tabular-nums;color:#6b8794;margin-top:4px}
.vpill{display:inline-block;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;margin-top:12px}
.note{border-radius:12px;padding:12px 14px;font-size:13px;margin-top:16px;background:#f2f7f8;color:#4a6673}
.ok .vicon{background:#ecfdf5;color:#10b981}.ok .vtext{color:#059669}.ok .vpill{background:#d1fae5;color:#047857}
.no .vicon{background:#fef2f2;color:#ef4444}.no .vtext{color:#dc2626}.no .vpill{background:#fee2e2;color:#b91c1c}
.jrnl{max-height:52vh;overflow:auto;border-radius:12px;border:1px solid #e5eaf0}
table{width:100%;border-collapse:collapse;font-size:12.5px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eef2f6;white-space:nowrap}
th{position:sticky;top:0;background:#f4f8f9;color:#4a6673;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}
td.num{font-variant-numeric:tabular-nums}
tr.fired{opacity:.5}
.tag{padding:2px 9px;border-radius:999px;font-weight:700;font-size:11.5px}
.t-ok{background:#d1fae5;color:#047857}.t-no{background:#fee2e2;color:#b91c1c}
.t-inv{background:#f1f5f9;color:#64748b}.t-err{background:#fef3c7;color:#92400e}
.t-act{background:#d1fae5;color:#047857}.t-fired{background:#f1f5f9;color:#64748b}
.muted{color:#8aa0ac}
.linkbtn{color:#0e8e8f;cursor:pointer;font-weight:600;text-decoration:none;background:none;border:0;padding:0;font-size:inherit}
.empty{padding:26px;text-align:center;color:#8aa0ac;font-size:13px}
.count{font-size:12px;color:#6b8794;margin:0 0 10px}
.more{display:block;margin:12px auto 0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 16px}
.kpi{background:#f6fafb;border:1px solid #e5eaf0;border-radius:14px;padding:14px}
.kpi .l{font-size:11.5px;color:#6b8794}.kpi .v{font-size:24px;font-weight:800;margin-top:4px;color:#0f1e24;font-variant-numeric:tabular-nums}
.reasons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.rchip{background:#f6fafb;border:1px solid #e5eaf0;border-radius:10px;padding:8px 12px;font-size:12px;color:#4a6673}
.rchip b{color:#0f1e24}
.activity{margin-bottom:16px;font-size:13px}
.activity summary{cursor:pointer;color:#0e8e8f;font-weight:600;padding:6px 0}
.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.activity-grid .jrnl{max-height:260px}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:8px}
.filters .fld{flex:1 1 140px;min-width:120px}
.filters label{margin:0 0 6px}
.filters input,.filters select{padding:10px;font-size:14px}
.freset{background:none;border:0;color:#0e8e8f;cursor:pointer;font-size:12.5px;font-weight:600;padding:0}
.rowbtns{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.form-grid .full{grid-column:1/3}
.branches{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}
.branches label{display:flex;align-items:center;gap:6px;margin:0;font-weight:500;background:#f4f8f9;border:1px solid #d8e0e8;border-radius:9px;padding:8px 11px;font-size:13px;cursor:pointer}
.branches input{width:auto}
.branch-list{display:flex;flex-direction:column;gap:10px;margin:10px 0}
.branch-list .btn{margin:0}
.foot{text-align:center;font-size:12px;color:#8aa0ac;padding:0 16px 18px}
@media (max-width:760px){
  .wrap{padding:14px}
  .card{padding:18px;border-radius:16px}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .activity-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:1}
  .vtext{font-size:34px}
}