:root{--ink:#17212f;--blue:#3877c6;--line:#dce5ef;--muted:#687789;--danger:#c63e4b}*{box-sizing:border-box}body{color:var(--ink);background:#f6f9fc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.boot{color:#607087;background:linear-gradient(#edf5fb,#fff);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.logo{letter-spacing:-1px;color:#213651;font-size:28px;font-weight:900}.logo span{letter-spacing:.8px;text-transform:uppercase;color:#6c7e91;font-size:9px;display:block}.logo.big{font-size:36px}.appShell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#f5f9fc,#eaf2f8);flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.sideLabel{color:#8493a3;letter-spacing:1px;margin:32px 10px 10px;font-size:11px;font-weight:800}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#4b6075;border-radius:8px;align-items:center;gap:11px;padding:11px 12px;font-weight:650;text-decoration:none;display:flex}.sidebar nav a b{text-align:center;width:20px}.sidebar nav a.active{color:#1d3550;background:#dfeaf4}.sidebar nav a.locked{opacity:.52;cursor:not-allowed}.sidebar nav a small{background:#dbe4ec;border-radius:10px;margin-left:auto;padding:3px 6px;font-size:8px}.sideBottom{border-top:1px solid var(--line);grid-template-columns:38px 1fr;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:grid}.avatar{background:#d8e4ef;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.who{flex-direction:column;font-size:12px;display:flex}.who span{color:var(--muted)}.linkBtn{text-align:left;color:#506b84;cursor:pointer;background:0 0;border:0;grid-column:1/-1;padding:4px 0}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;gap:18px;height:66px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:19px}.preview{color:#4c6680;letter-spacing:.7px;background:#eaf2f8;border-radius:20px;margin-left:auto;padding:7px 10px;font-size:10px;font-weight:900}.content{max-width:1240px;margin:auto;padding:28px}.main footer{border-top:1px solid var(--line);color:#789;background:#fff;padding:24px 28px;font-size:12px}.heroPanel,.panel,.privacyCard,.recCard,.opp{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:18px;padding:24px;box-shadow:0 2px 8px #23394f09}.heroPanel{background:linear-gradient(135deg,#fff,#edf6fd)}.heroPanel h2{margin:8px 0;font-size:30px}.heroPanel p{color:#566b80;max-width:850px;line-height:1.6}.eyebrow{letter-spacing:1.3px;color:#3b709f;font-size:11px;font-weight:900}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.kpis div{border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px}.kpis span{color:var(--muted);font-size:12px;display:block}.kpis b{font-size:28px}.miniRec{border-top:1px solid #edf1f5;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.miniRec div:first-child{flex-direction:column;display:flex}.miniRec span{color:var(--muted);font-size:12px}.score{color:#2f6da7;font-weight:850}.primary,.secondary{cursor:pointer;border:0;border-radius:8px;padding:11px 16px;font-weight:800}.primary{color:#fff;background:#2875c7}.secondary{color:#29445e;background:#e7eef5}.wide{width:100%;margin-top:10px}.inline{margin-top:8px;text-decoration:none;display:inline-block}.typeGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.type{border:1px solid var(--line);background:#fafcfe;border-radius:9px;align-items:center;gap:9px;padding:12px;display:flex}.type.active{background:#eef6fd;border-color:#6fa4d4}.field{flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.field em,.qTitle em,.privacyCard h3 span{color:var(--danger);font-style:normal}.field input,.field select,.question input,.question select,.question textarea,.search input,.authCard input,.twoCards input{background:#fff;border:1px solid #cfdbe6;border-radius:8px;width:100%;padding:11px}.question textarea{resize:vertical;min-height:86px}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.question{border-top:1px solid #edf1f5;padding:16px 0}.qTitle{margin-bottom:5px;font-weight:800}.qHelp{color:var(--muted);margin-bottom:10px;font-size:12px;line-height:1.45}.qHelp b{color:#405e7b}.checkGrid,.checkline{flex-wrap:wrap;gap:10px;display:flex}.checkGrid label{border:1px solid var(--line);background:#fbfdff;border-radius:8px;gap:7px;padding:9px 11px;display:flex}.invalid{box-shadow:0 0 0 1px #c63e4b14;background:#fff7f8!important;border-color:#d64a56!important}.invalid .qTitle,.invalid>label:first-child{color:var(--danger)}.privacyCard{background:#f0f7fc}.privacyCard p{line-height:1.5}.muted,.meta{color:var(--muted)}.stickyActions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#f6f9fcf5;align-items:center;gap:10px;padding:14px 0;display:flex;position:sticky;bottom:0}.errorText,.errorBox{color:#a72d3a;background:#fff1f2;border:1px solid #f0c5ca;border-radius:8px;padding:10px}.successText,.infoBox{color:#176b51;background:#edf9f5;border:1px solid #bce8d8;border-radius:8px;padding:10px}.naState{color:#657789;background:#f1f5f8;border-radius:7px;padding:10px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pills span{background:#eef3f7;border-radius:20px;padding:6px 10px;font-size:12px}.pills .recommend{color:#176b51;background:#e4f4ed;font-weight:850}.recCard h3,.opp h3{margin:14px 0 6px;font-size:20px}.why{background:#f1f7fc;border-left:4px solid #4a8ac5;border-radius:8px;margin:14px 0;padding:14px}.flag{color:#76561c;background:#fff7e8;border:1px solid #f1d8a4;border-radius:7px;margin:6px 0;padding:9px}.textLink{color:#216eb6;margin-top:9px;font-weight:750;text-decoration:none;display:inline-block}.search{gap:10px;margin-bottom:18px;display:flex}.search input{flex:1}.tag{color:#3b709f;background:#e9f3fb;border-radius:14px;padding:5px 8px;font-size:10px;font-weight:900}.authWrap{background:linear-gradient(135deg,#eaf3fa,#f9fbfd);grid-template-columns:minmax(340px,520px) minmax(300px,520px);place-content:center;gap:28px;min-height:100vh;padding:28px;display:grid}.authCard,.authSide{border:1px solid var(--line);background:#fff;border-radius:16px;padding:34px;box-shadow:0 12px 35px #1f364c14}.authCard h1{font-size:30px}.authCard label,.twoCards label{flex-direction:column;gap:6px;margin:12px 0;font-size:13px;font-weight:700;display:flex}.authCard .primary{width:100%;margin-top:10px}.authSide{color:#fff;background:linear-gradient(145deg,#263b55,#315a7b);flex-direction:column;justify-content:center;display:flex}.authSide p{color:#d7e5ef;line-height:1.7}.authLinks{text-align:center;font-size:13px}.passHelp{color:var(--muted);font-size:11px}.checkline{align-items:center;flex-direction:row!important;font-size:12px!important}.checkline input{width:auto!important}.legal{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:760px;margin:70px auto;padding:38px;line-height:1.7}.twoCards{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:900px){.appShell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sideBottom{display:none}.sidebar nav{grid-template-columns:repeat(2,1fr)}.topbar{position:relative}.kpis,.typeGrid{grid-template-columns:1fr 1fr}.authWrap{grid-template-columns:1fr}.authSide{display:none}}@media (max-width:600px){.content{padding:16px}.topbar{padding:0 16px}.preview{display:none}.kpis,.two,.twoCards,.typeGrid{grid-template-columns:1fr}.stickyActions{flex-wrap:wrap}.sidebar nav{grid-template-columns:1fr}.heroPanel h2{font-size:24px}}

/* BantayBid v0.15.2 display recovery */
.opp h3,.recCard h3,.miniRec strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.35;
  max-height:2.7em;
}
.opp .meta,.recCard .meta,.miniRec span{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  line-height:1.35!important;
  max-height:2.7em!important;
  overflow-wrap:anywhere!important;
}
@media (max-width:900px){
  .appShell{grid-template-columns:156px minmax(0,1fr)!important;}
  .sidebar{position:sticky!important;top:0!important;z-index:30!important;width:156px!important;min-width:156px!important;height:100vh!important;padding:12px 8px!important;overflow-x:hidden!important;border-right:1px solid var(--line)!important;border-bottom:0!important;}
  .sidebar .logo{font-size:20px!important;letter-spacing:-.5px!important}
  .sidebar .logo span{display:none!important}
  .sidebar .sideLabel{display:block!important;margin:18px 6px 8px!important;font-size:9px!important}
  .sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important;overflow:visible!important;}
  .sidebar nav a{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;height:auto!important;min-height:44px!important;white-space:normal!important;padding:9px 7px!important;font-size:13px!important;line-height:1.18!important;overflow:hidden!important;}
  .sidebar nav a b{width:22px!important;min-width:22px!important;flex:0 0 22px!important}
  .sidebar nav a>span{min-width:0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;line-height:1.18!important;overflow-wrap:normal!important;word-break:normal!important;}
  .sidebar nav a small,.bb-tier-lock{grid-column:2!important;justify-self:start!important;position:static!important;margin:3px 0 0!important;font-size:7px!important;padding:2px 4px!important;}
  .sideBottom{display:none!important}
  .topbar{position:sticky!important;top:0!important;padding:0 12px!important;height:56px!important}
  .content{padding:14px!important;min-width:0!important;overflow-x:hidden!important}
  .heroPanel,.panel,.privacyCard,.recCard,.opp{padding:16px!important;min-width:0!important}
}
@media (max-width:600px){
  .appShell{grid-template-columns:150px minmax(0,1fr)!important}
  .sidebar{width:150px!important;min-width:150px!important;padding:10px 7px!important}
  .sidebar .logo{font-size:18px!important}
  .sidebar nav a{font-size:12px!important;padding:8px 6px!important}
  .content{padding:10px!important}
  .heroPanel,.panel,.privacyCard,.recCard,.opp{padding:14px!important}
  .heroPanel h2{font-size:21px!important}
}