:root{
  --navy:#081726;
  --navy2:#0d2436;
  --blue:#2f83e6;
  --blue2:#77aee0;
  --black:#030609;
  --charcoal:#0d1218;
  --darkgray:#2f3842;
  --gray:#7d8893;
  --soft:#eaf0f6;
  --white:#ffffff;
  --line:rgba(255,255,255,.10);
  --line-blue:rgba(77,163,255,.28);
}
*{box-sizing:border-box}
html{font-family:Calibri,Arial,sans-serif;background:var(--black);color:#edf4fb;scroll-padding-top:90px}
body{margin:0;min-height:100vh;padding-bottom:82px;background:
  radial-gradient(circle at 82% 8%,rgba(77,163,255,.12),transparent 28%),
  radial-gradient(circle at 16% 40%,rgba(11,35,67,.42),transparent 34%),
  linear-gradient(180deg,#040609 0%,#07111f 52%,#040609 100%);font-size:14px}
button,input,select{font:inherit}
button,.buttonlink,.filebutton{border:1px solid rgba(140,199,255,.34);background:linear-gradient(180deg,#0d2035,#091523);color:#edf5ff;border-radius:11px;padding:9px 13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:42px;line-height:1.15}
button:hover,.buttonlink:hover,.filebutton:hover{border-color:rgba(140,199,255,.66);background:linear-gradient(180deg,#102a46,#0b1a2b)}
.primary{color:#03111f;background:linear-gradient(180deg,#72bdff,#438fe7);border-color:#75bcff;box-shadow:0 0 24px rgba(77,163,255,.16)}

/* PROJECTCHECK HEADER */
.topbar{min-height:78px;background:radial-gradient(circle at 18% 10%,rgba(77,163,255,.14),transparent 34%),linear-gradient(180deg,#040609,#07101c);border-bottom:1px solid rgba(140,199,255,.18);display:flex;align-items:center;gap:12px;padding:9px 14px;position:sticky;top:0;z-index:50;box-shadow:0 12px 32px rgba(0,0,0,.30)}
.brandwrap{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.pc-robot-head{width:56px;height:56px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 12px rgba(77,163,255,.18))}
.pc-brand{min-width:0;line-height:1}
.pc-brand-main{font-family:'Arial Black',Calibri,Arial,sans-serif;font-size:19px;letter-spacing:-1.15px;font-weight:900;white-space:nowrap}
.pc-project{color:#fff}.pc-check,.pc-dot{color:var(--blue)}
.pc-brand-tag{margin-top:5px;color:#a7b0bd;font-size:7px;font-weight:800;letter-spacing:2.55px;white-space:nowrap}
.engine-mini{margin-top:5px;color:#72869b;font-size:9px;letter-spacing:.25px;white-space:nowrap}
.iconbtn{margin-left:auto;font-size:11px;padding:8px 14px;background:transparent;color:#fff;border-color:rgba(140,199,255,.55);min-height:38px}

main{max-width:1440px;margin:0 auto;padding-top:8px}
.page{display:none;margin:auto;padding:10px 12px;scroll-margin-top:90px}
.page.active{display:block}

.hero{background:radial-gradient(circle at 86% 24%,rgba(77,163,255,.13),transparent 30%),linear-gradient(180deg,#0b1725,#09111c);border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:flex;justify-content:space-between;gap:14px;align-items:center;box-shadow:0 18px 44px rgba(0,0,0,.20)}
.hero-copy{text-align:center;flex:1}.hero h1{margin:0 0 4px;font-size:22px;line-height:1.1;color:#fff;letter-spacing:-.3px}.hero p{margin:0;color:#d6e0eb;font-size:14px}.hero small{display:block;margin-top:4px;color:#8192a5;font-size:11px}.badge{border:1px solid rgba(77,163,255,.38);background:#0d213c;color:#dceeff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700;white-space:nowrap;text-align:center}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.kpis div{background:linear-gradient(180deg,#0b1827,#09111c);border:1px solid var(--line);border-radius:15px;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;box-shadow:0 10px 26px rgba(0,0,0,.14)}.kpis b{font-size:24px;line-height:1;color:#fff}.kpis span{color:#8fa0b1;margin-top:6px;font-size:12px;line-height:1.2}

.card{background:linear-gradient(180deg,#0b1725,#09111c);border:1px solid var(--line);border-radius:17px;padding:15px;margin:12px 0;box-shadow:0 16px 38px rgba(0,0,0,.18);scroll-margin-top:94px}.card h2{font-size:16px;margin:0 0 12px;text-align:center;color:#fff;line-height:1.2;letter-spacing:-.1px}.muted{color:#8e9cad;line-height:1.4;text-align:center;font-size:13px}
.formgrid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px}.formgrid label{font-weight:700;color:#cbd6e2;font-size:13px;line-height:1.25;text-align:left}.formgrid input,.formgrid select,.searchrow input,#pageSelect{display:block;width:100%;margin-top:5px;border:1px solid #26374a;border-radius:10px;padding:10px 11px;background:#08131f;color:#fff;min-height:43px;font-size:13px;outline:none}.formgrid input:focus,.formgrid select:focus,.searchrow input:focus,#pageSelect:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(77,163,255,.10)}
.statusline{margin-top:8px;padding:6px 0;font-weight:700;color:#9fcfff;line-height:1.35;text-align:center;font-size:12px}
.dropzone{display:flex;align-items:center;justify-content:center;min-height:92px;border:1px dashed rgba(140,199,255,.42);border-radius:13px;font-weight:700;background:#081523;text-align:center;color:#cfe6ff;padding:12px}
.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;align-items:center;justify-content:center}.stack-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.stack-actions>*{width:100%;margin:0}.filebutton input{display:none}
.tablewrap{overflow:auto;border-radius:12px}.tablewrap table{width:100%;border-collapse:collapse;min-width:980px;background:#07111d}.tablewrap.compact table{min-width:720px}th,td{border:1px solid #243447;padding:7px;text-align:left;vertical-align:top;font-size:12px;line-height:1.3;color:#dce5ef}th{font-weight:700;background:#0d213c;border-color:#315071;position:sticky;top:0;color:#fff}

.viewer-card{padding-bottom:12px;scroll-margin-top:98px}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:2px}.viewer-head>div{flex:1;min-width:200px;text-align:center}.viewer-head h2{text-align:center;margin-bottom:3px}.viewer-head small{display:block;color:#8da0b4;font-size:11px}.viewer-head select{min-width:220px;margin-top:0}.viewer-tools{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0;justify-content:center}.tool.active{background:linear-gradient(180deg,#72bdff,#438fe7);color:#03111f;border-color:#75bcff}.canvaswrap{position:relative;background:#07101c;overflow:auto;max-height:62vh;border:1px solid #25374a;border-radius:12px;min-height:180px}.canvaswrap canvas{display:block}.canvaswrap #measureCanvas{position:absolute;inset:0;touch-action:none}.measurebar{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:9px;text-align:center;color:#c9d6e3;font-size:12px}.measurebar button{margin-left:0}.searchrow{display:flex;gap:7px;align-items:center}.searchrow input{margin:0}.costkpi b{font-size:19px}.outputgrid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px}.buttonlink{color:#cfe7ff}.cover-brand{text-align:center;color:#cbd8e5;font-size:13px}

.bottomnav{position:fixed;bottom:0;left:0;right:0;height:68px;background:linear-gradient(180deg,#07101c,#040609);border-top:1px solid rgba(140,199,255,.15);display:grid;grid-template-columns:repeat(6,1fr);z-index:60;box-shadow:0 -12px 28px rgba(0,0,0,.30)}.bottomnav button{border:0;border-radius:0;background:transparent;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:400;color:#7f91a5;min-height:auto}.bottomnav button b{font-size:17px;line-height:1}.bottomnav button span{font-size:10px;line-height:1}.bottomnav button.active{font-weight:700;color:#fff;background:#0f2c50;box-shadow:inset 0 2px 0 var(--blue)}
.app-footer{margin:18px 12px 0;padding:18px 12px 92px;text-align:center;color:#74869a;font-size:11px;line-height:1.6;border-top:1px solid rgba(255,255,255,.07)}

dialog{border:1px solid rgba(140,199,255,.3);border-radius:15px;max-width:920px;width:calc(100% - 24px);background:#07101c;color:#fff}dialog::backdrop{background:rgba(0,0,0,.72)}.dialog-actions{display:flex;justify-content:center;gap:8px;margin-top:15px}#sCurve{width:100%;background:#07111d;border:1px solid #25374a;border-radius:10px}.tag-verified{font-weight:700;color:#8cc7ff}.tag-review{font-weight:700;text-decoration:underline;color:#e6bd6a}.tag-conflict{font-weight:800;color:#ff8585}.small{font-size:11px}.checkbox{width:18px;height:18px}

@media(max-width:900px){.formgrid{grid-template-columns:repeat(2,minmax(140px,1fr))}.kpis{grid-template-columns:repeat(2,1fr)}.hero{align-items:center;flex-direction:column}.page{padding:9px 10px}.card{padding:13px}.outputgrid{grid-template-columns:1fr}.stack-actions{grid-template-columns:1fr}}
@media(max-width:520px){html{scroll-padding-top:82px}body{font-size:13px}.topbar{min-height:72px;padding:8px 10px}.pc-robot-head{width:50px;height:50px}.pc-brand-main{font-size:18px}.pc-brand-tag{font-size:7px;letter-spacing:1.65px}.engine-mini{font-size:8px}.iconbtn{padding:7px 11px;font-size:10px}.formgrid{grid-template-columns:1fr}.hero{padding:14px}.hero h1{font-size:19px}.hero p{font-size:13px}.hero small{font-size:10px}.badge{font-size:9px}.kpis div{min-height:82px}.kpis b{font-size:22px}.card h2{font-size:16px}.bottomnav{height:66px}.viewer-head{align-items:center}.viewer-head select{min-width:100%}.measurebar button{width:100%}.searchrow{flex-direction:column}.searchrow button{width:100%}}
@media print{body{background:#fff;color:#000;padding:0}.topbar,.bottomnav,.actions,.viewer-tools,.outputgrid,#installBtn,.app-footer{display:none!important}.page{display:block!important;max-width:none;padding:0}.card,.hero{border:0;border-radius:0;break-inside:avoid;box-shadow:none;background:#fff;color:#000}.card h2,.hero h1{color:#000}.muted{color:#333}@page{size:A4 landscape;margin:10mm}}

/* PROJECTCHECK V6 BRAND LOCK */
body{background:radial-gradient(1200px 680px at 82% -8%,rgba(71,101,126,.16),transparent 62%),radial-gradient(900px 620px at -10% 28%,rgba(255,255,255,.035),transparent 65%),linear-gradient(145deg,#020407 0%,#08111a 42%,#05090e 72%,#020406 100%);background-attachment:fixed}
.topbar{background:linear-gradient(180deg,rgba(5,9,14,.98),rgba(7,13,20,.94));border-bottom:1px solid rgba(143,161,177,.14)}
.pc-check,.pc-dot{color:#2f83e6!important}.primary,.tool.active{background:linear-gradient(165deg,#2f83e6 0%,#1769c2 52%,#0d477f 100%)!important;color:#fff!important;border-color:rgba(90,168,245,.78)!important}
.hero,.card,.kpis div{background:linear-gradient(145deg,rgba(13,22,31,.97),rgba(5,10,16,.98));border-color:rgba(143,161,177,.15)}
.badge{background:linear-gradient(145deg,rgba(19,39,55,.70),rgba(7,17,27,.72));border-color:rgba(47,131,230,.44);color:#dfeaf5}
.app-footer strong{color:#fff}