:root{
  --bg:#f5f6f8;--surface:#fff;--fg:#14181f;--soft:#3d4452;--mute:#6b7280;--line:#e4e7ec;
  --accent:#1f5eff;--accent-ink:#fff;
  --go:#127a43;--go-bg:#e2f5ea;--maybe:#8a5a00;--maybe-bg:#fff1d6;--skip:#5d6470;--skip-bg:#eef0f3;
  --bad:#b42318;--bad-bg:#fdecea;--wait:#3651c9;--wait-bg:#e8edff;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0e1116;--surface:#161a21;--fg:#eef0f3;--soft:#c3c8d2;--mute:#8f97a5;--line:#262c36;
  --accent:#5b8cff;--accent-ink:#fff;
  --go:#5fd393;--go-bg:#11301f;--maybe:#f2c14e;--maybe-bg:#33290f;--skip:#a3aab6;--skip-bg:#232833;
  --bad:#ff8a80;--bad-bg:#3a1714;--wait:#9db2ff;--wait-bg:#1c2547;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.55 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:28px;line-height:1.25;margin:0 0 6px;letter-spacing:-.01em}
h2{font-size:20px;margin:0 0 10px}
p{margin:0 0 12px}
.mute{color:var(--mute)}.soft{color:var(--soft)}.small{font-size:15px}

/* top bar */
header{background:var(--surface);border-bottom:1px solid var(--line)}
.bar-in{max-width:1040px;margin:0 auto;padding:14px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.brand{font-weight:800;font-size:19px;color:var(--fg);margin-right:8px}
nav a{color:var(--soft);font-weight:600;padding:6px 2px;border-bottom:3px solid transparent}
nav a.on{color:var(--fg);border-color:var(--accent)}
nav a:hover{text-decoration:none;color:var(--fg)}
nav .count{display:inline-block;min-width:22px;padding:0 6px;margin-left:4px;border-radius:4px;background:var(--bad);color:#fff;font-size:13px;text-align:center}
.who{margin-left:auto;font-size:15px;color:var(--mute)}
main{max-width:1040px;margin:0 auto;padding:28px 20px 80px}

/* buttons & inputs */
.btn,button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;padding:11px 18px;border-radius:4px;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;text-decoration:none}
.btn:hover,button:hover{text-decoration:none;border-color:var(--mute)}
.btn.primary,button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.big{font-size:18px;padding:14px 22px}
input[type=text],input[type=email],input[type=search]{font:inherit;color:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:4px;background:var(--surface);width:100%}

/* status strip */
.strip{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;color:var(--soft);font-size:15px;margin:4px 0 22px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--go);margin-right:6px}
.dot.warn{background:var(--maybe)}.dot.bad{background:var(--bad)}
.alert{padding:14px 16px;border-radius:4px;margin:0 0 18px;font-size:16px;border-left:4px solid var(--maybe);background:var(--maybe-bg);color:var(--fg)}
.alert.bad{border-color:var(--bad);background:var(--bad-bg)}
.alert.good{border-color:var(--go);background:var(--go-bg)}

/* tabs */
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.tabs a{padding:9px 14px;border-radius:4px;color:var(--soft);font-weight:600;background:transparent}
.tabs a.on{background:var(--fg);color:var(--bg)}
.tabs a:hover{text-decoration:none;background:var(--skip-bg)}
.tabs a.on:hover{background:var(--fg)}
.tabs .n{font-weight:500;opacity:.75;margin-left:4px}
.search{margin:0 0 18px;display:flex;gap:8px}

/* tender list: rows separated by lines, no nested boxes */
.list{background:var(--surface);border:1px solid var(--line);border-radius:4px}
.row{display:block;padding:18px 20px;border-top:1px solid var(--line);color:inherit}
.row:first-child{border-top:0}
.row:hover{text-decoration:none;background:var(--bg)}
.row .top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.row .title{font-size:19px;font-weight:700;line-height:1.35;color:var(--fg);margin:0 0 6px}
.row .facts{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:15px;color:var(--soft);margin-bottom:6px}
.row .why{font-size:16px;color:var(--soft);margin:0}
.empty{padding:40px 20px;text-align:center;color:var(--mute)}

/* labels */
.tag{display:inline-block;padding:4px 10px;border-radius:4px;font-weight:700;font-size:14px;white-space:nowrap}
.tag.go{background:var(--go-bg);color:var(--go)}.tag.maybe{background:var(--maybe-bg);color:var(--maybe)}
.tag.skip{background:var(--skip-bg);color:var(--skip)}.tag.wait{background:var(--wait-bg);color:var(--wait)}
.tag.bad{background:var(--bad-bg);color:var(--bad)}
.score{font-size:14px;color:var(--mute);font-weight:600}
.due.warn{color:var(--maybe);font-weight:700}.due.bad{color:var(--bad);font-weight:700}.due.muted{color:var(--mute)}

/* tender detail */
.back{display:inline-block;margin-bottom:16px;font-weight:600}
.hero{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:22px 24px;margin-bottom:22px}
.hero .meta{color:var(--soft);font-size:15px;margin:2px 0 16px}
.verdict{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:4px;margin:0 0 16px}
.verdict.go{background:var(--go-bg)}.verdict.maybe{background:var(--maybe-bg)}.verdict.skip{background:var(--skip-bg)}.verdict.wait{background:var(--wait-bg)}
.verdict .big{font-size:22px;font-weight:800;margin:0 0 4px}
.verdict.go .big{color:var(--go)}.verdict.maybe .big{color:var(--maybe)}.verdict.skip .big{color:var(--skip)}.verdict.wait .big{color:var(--wait)}
.verdict ul{margin:6px 0 0;padding-left:20px}
.keyfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px;margin:4px 0 18px}
.keyfacts .k{font-size:14px;color:var(--mute);font-weight:600}
.keyfacts .v{font-size:18px;font-weight:700}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.section{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:22px 24px;margin-bottom:16px}
.section h2 .hint{display:block;font-size:15px;font-weight:500;color:var(--mute);margin-top:2px}
ul.plain{margin:0;padding-left:22px}ul.plain li{margin:6px 0}
ul.checks{list-style:none;margin:0;padding:0}
ul.checks li{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
ul.checks li:first-child{border-top:0}
ul.checks input{width:20px;height:20px;margin-top:3px;accent-color:var(--accent)}
.facts-table{width:100%;border-collapse:collapse}
.facts-table th{width:38%;text-align:left;font-weight:600;color:var(--soft);padding:10px 12px 10px 0;vertical-align:top;font-size:16px}
.facts-table td{padding:10px 0;vertical-align:top}
.facts-table tr+tr th,.facts-table tr+tr td{border-top:1px solid var(--line)}
.yes{color:var(--go);font-weight:700}.no{color:var(--bad);font-weight:700}
.note{font-size:14px;color:var(--mute);margin-top:18px}

/* activity & problems */
.feed .item{padding:16px 20px;border-top:1px solid var(--line)}
.feed .item:first-child{border-top:0}
.feed .what{font-weight:700;font-size:17px}
.feed .when{color:var(--mute);font-size:15px}
.cmds{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0 0 26px}
.cmds form{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:16px}
.cmds button{width:100%;justify-content:center;margin-bottom:8px}
.cmds p{font-size:14px;color:var(--mute);margin:0}
img.shot{max-width:100%;border:1px solid var(--line);border-radius:4px;margin-top:10px}

/* intro + small pages */
#intro{position:fixed;inset:0;background:rgba(10,12,16,.6);display:none;align-items:center;justify-content:center;padding:16px;z-index:9}
#intro .box{background:var(--surface);border-radius:4px;max-width:560px;padding:26px 28px;max-height:90vh;overflow:auto}
#intro ol{padding-left:22px}#intro li{margin:10px 0}
.center{max-width:460px;margin:60px auto}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:20px 22px}
.otp{font-size:30px;letter-spacing:.3em;text-align:center}
.usage td,.usage th{padding:10px 12px;text-align:left;border-top:1px solid var(--line)}
.usage{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:4px}
.usage th{color:var(--mute);font-size:14px;border-top:0}

@media (max-width:640px){
  body{font-size:16px}h1{font-size:24px}
  main{padding:20px 16px 60px}.bar-in{padding:12px 16px}
  .who{display:none}.row{padding:16px}.hero,.section{padding:18px}
  .facts-table th{width:45%}
}