{} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root { --ink:#111827; --muted:#6b7280; --soft:#f5f7fa; --line:#e5e7eb; --card:#ffffff; --navy:#071d2b; --teal:#0f6f73; --gold:#b68b2c; --danger:#b42318; --ok:#087443; --amber:#a15c07; --shadow: 0 18px 55px rgba(17,24,39,.10); --radius:22px; } *{box-sizing:border-box} body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f7fafc 0%,#eef3f6 100%);color:var(--ink)} header{background:linear-gradient(135deg,#071d2b 0%,#0a3541 60%,#0f6f73 100%);color:white;padding:30px 22px 26px;position:sticky;top:0;z-index:10;box-shadow:0 10px 35px rgba(7,29,43,.18)} .wrap{max-width:1240px;margin:0 auto} .topbar{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap} h1{font-size:clamp(24px,3vw,42px);line-height:1.06;margin:0 0 8px;font-weight:760;letter-spacing:-.04em} .subtitle{margin:0;color:rgba(255,255,255,.78);max-width:760px;font-size:15px;line-height:1.5} .clientToggle{font-size:12px;color:rgba(255,255,255,.86);display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:8px 10px;border-radius:999px} .clientToggle input{accent-color:#d8b45d} .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px} .stat{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px 15px;backdrop-filter:blur(8px)} .stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:rgba(255,255,255,.62);margin-bottom:7px} .stat .value{font-size:22px;font-weight:760} main{padding:22px} .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin:0 auto 18px;max-width:1240px} .controls{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:12px;align-items:end} .control label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-weight:700} input,select{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px 12px;font-size:14px;color:var(--ink);outline:none} input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,111,115,.12)} .segment{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .segbtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:700;color:var(--muted);font-size:13px;cursor:pointer} .segbtn.active{background:var(--navy);color:white;border-color:var(--navy)} .resultsHead{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px auto 12px;max-width:1240px} .resultsHead h2{margin:0;font-size:21px;letter-spacing:-.02em} .mini{color:var(--muted);font-size:13px} .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1240px;margin:0 auto 28px} .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 38px rgba(17,24,39,.08);overflow:hidden;display:flex;flex-direction:column;min-height:450px} .cardTop{padding:16px 16px 12px;border-bottom:1px solid var(--line)} .rankrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px} .rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#edf7f6;color:var(--teal);font-weight:800;font-size:13px} .score{font-size:12px;border-radius:999px;padding:6px 10px;background:#f3f4f6;color:#374151;font-weight:800} .score.good{background:#ecfdf3;color:var(--ok)} .score.warn{background:#fff7ed;color:var(--amber)} .score.bad{background:#fef3f2;color:var(--danger)} .project{font-size:20px;font-weight:800;margin:0 0 4px;letter-spacing:-.03em} .meta{color:var(--muted);font-size:13px;line-height:1.42} .price{display:flex;justify-content:space-between;gap:12px;margin-top:14px;align-items:end} .price strong{font-size:22px;letter-spacing:-.03em} .psf{font-size:13px;color:var(--muted)} .body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:14px;flex:1} .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .metric{background:#f8fafc;border:1px solid #edf1f5;border-radius:14px;padding:10px} .metric .mLabel{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800} .metric .mVal{font-size:16px;font-weight:820;margin-top:5px;letter-spacing:-.02em} .metric .sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.25} .flags{display:flex;gap:7px;flex-wrap:wrap} .flag{font-size:11px;border-radius:999px;padding:6px 8px;background:#fff7ed;color:#9a3412;font-weight:750;border:1px solid #fed7aa} .flag.strong{background:#fef3f2;color:#b42318;border-color:#fecaca} .comment{font-size:13px;line-height:1.45;background:#fbf7ef;border:1px solid #eadfc7;color:#5f4517;border-radius:14px;padding:10px 11px;white-space:pre-wrap} .details{font-size:13px;color:#374151;line-height:1.5} .links{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap} .links a{text-decoration:none;color:var(--teal);font-weight:800;font-size:13px;border:1px solid rgba(15,111,115,.18);padding:8px 10px;border-radius:999px} .tableWrap{max-width:1240px;margin:0 auto 44px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden} table{width:100%;border-collapse:collapse;font-size:13px} th,td{padding:12px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top} th{background:#f9fafb;color:#4b5563;font-size:11px;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:117px;z-index:2} tr:hover td{background:#fcfcfd} .hidden{display:none!important} @media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}} @media(max-width:680px){header{position:relative}.grid,.controls,.cards{grid-template-columns:1fr}main{padding:14px}.metrics{grid-template-columns:1fr 1fr}th{position:static}.tableWrap{overflow:auto}}