@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#10213d;--muted:#67768e;--teal:#00ab9c;--blue:#1559bb;--line:#e5ecf1;--bg:#f5f8fb;--pale:#eaf7f6;--red:#cc5666;--orange:#cc831b}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;color:var(--navy);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:30px 16px 22px;display:flex;flex-direction:column;gap:25px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding-left:14px;font:800 27px Manrope;letter-spacing:-1.5px}.brandmark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#1249b3,#00bfa9);color:#fff;display:grid;place-items:center;font:800 27px Manrope;position:relative}.checkmark{position:absolute;font:900 11px sans-serif;right:5px;bottom:5px}.brand-light{color:#00a8a0}.demopill{margin-left:14px;color:#008e85;letter-spacing:1.25px;font-size:10px;font-weight:800}.sidebar nav{display:grid;gap:7px}.navitem{border:0;background:transparent;color:#627188;border-radius:13px;padding:15px 17px;text-align:left;font-weight:700;display:flex;gap:13px;align-items:center;width:100%}.navitem span{font-size:20px;width:24px;text-align:center}.navitem:hover{background:#f3f7fa;color:#154e9d}.navitem.active{background:linear-gradient(90deg,#e6f3fe,#eafaf6);color:#1557a1}.sidebottom{margin-top:auto}.sidecard{background:linear-gradient(140deg,#e6f6fc,#e3f8f2);border-radius:18px;padding:23px}.sidecard-icon{font-size:25px;color:var(--teal)}.sidecard b{font:800 20px Manrope}.sidecard p{color:#5e7685;line-height:1.6;font-size:12px;margin-bottom:0}.side-login{display:block;margin:22px 10px 2px;font-weight:800;color:#107d91}.topbar{height:76px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5%;gap:20px}.toplogo{font-weight:800;font-size:16px}.toplogo small{font-size:12px;color:#8a99a7;font-weight:500;margin-left:6px}.topright{display:flex;align-items:center;gap:20px;font-weight:700}.topright a{color:#086eb2}.sampleflag{color:#77909a;background:#f0f7f8;padding:9px 13px;border-radius:30px;font-size:11px}.content{padding:40px 5% 45px;max-width:1500px;margin:auto;min-height:calc(100vh - 145px)}.footer{padding:20px 5%;border-top:1px solid #e3eaef;color:#8a9aa9;font-size:11px}.footer a{color:#05768d;font-weight:700}.mobilemenu{display:none}.eyebrow{font-size:11px;color:#039c99;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:12px}.page-title{font:800 clamp(27px,3vw,38px) Manrope;letter-spacing:-1.5px;margin:0 0 9px}.subtitle{color:var(--muted);line-height:1.65;font-size:14px;margin:0 0 28px}.hero{border-radius:27px;padding:33px 37px;background:linear-gradient(115deg,#0a3785 0%,#086d9b 53%,#05a992 100%);color:white;display:grid;grid-template-columns:1fr 250px;gap:25px;align-items:center;overflow:hidden;position:relative;margin-bottom:26px}.hero:before{content:"";position:absolute;width:370px;height:370px;border:1px solid #ffffff25;border-radius:100%;right:-35px;top:-140px}.hero h1{font:800 clamp(28px,3.5vw,44px) Manrope;letter-spacing:-1.5px;line-height:1.15;margin:10px 0}.hero p{color:#ddf3f7;max-width:560px;line-height:1.6}.hero .eyebrow{color:#a8f6e7}.hero-visual{font-size:135px;line-height:1;text-align:center;opacity:.82;filter:drop-shadow(0 15px 24px #002d4c88)}.btn{border:none;border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;gap:8px;font-weight:800;justify-content:center}.btn.primary{background:linear-gradient(100deg,#0b69be,#00a99c);color:white;box-shadow:0 8px 20px #0786b02e}.btn.white{background:#fff;color:#106b9b}.btn.outline{background:#fff;color:#215a74;border:1px solid #dce8ed}.btn:focus-visible,.navitem:focus-visible{outline:3px solid #65cace;outline-offset:2px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.card,.panel{background:#fff;border:1px solid #e8eef1;border-radius:19px;box-shadow:0 4px 18px #24415d08}.stat{padding:22px}.stat .label{font-size:12px;color:var(--muted);font-weight:600}.stat strong{display:block;font:800 34px Manrope;letter-spacing:-1px;margin:8px 0}.stat .hint{font-size:11px;color:#8ba0ad}.stat .marker{border-radius:12px;width:34px;height:34px;display:grid;place-items:center;margin-bottom:12px;background:#e8f3ff;color:#1570bc;font-size:18px}.stat:nth-child(3) .marker{background:#fff2e5;color:#cf7f26}.stat:nth-child(4) .marker{background:#e0f7ef;color:#0b9a73}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:19px}.panel{padding:23px;margin-bottom:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.panel-head h2{font:800 17px Manrope;letter-spacing:-.5px;margin:0}.link{border:0;background:none;color:#096db5;font-weight:800;font-size:12px}.listrow{border-top:1px solid #eff3f6;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.listrow:first-of-type{border-top:0}.listrow strong{display:block;font-size:13px;margin-bottom:4px}.listrow small{color:#8b99a8}.pill{display:inline-block;padding:7px 10px;border-radius:30px;font-weight:800;font-size:10px;white-space:nowrap}.pill.pass,.pill.resolved{background:#e4f8ee;color:#008c62}.pill.open{background:#ffeced;color:#c2475b}.pill.progress{background:#fff4e0;color:#ae7817}.pill.na{background:#e9eff4;color:#728399}.cell-actions{display:flex;align-items:center;gap:9px}.sectionline{margin:24px 0 15px;font:800 20px Manrope}.site-list{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.site{padding:21px;display:flex;flex-direction:column;gap:15px}.building-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#e4f1ff,#d8f7f0);font-size:25px}.site strong{font:800 16px Manrope}.site p{margin:4px 0;color:var(--muted);font-size:12px}.site .bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;color:#8696a2;font-size:11px}.toolbar{display:flex;gap:11px;flex-wrap:wrap;margin:20px 0}.field{display:grid;gap:7px;min-width:160px;flex:1}.field label{font-size:11px;color:#697b88;font-weight:800}.field input,.field select{border:1px solid #dfe8ee;background:#fff;padding:12px 13px;border-radius:11px;outline:none;width:100%;color:#1e3149}.field input:focus,.field select:focus{border-color:#1ca7bb;box-shadow:0 0 0 3px #00a6a01a}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.table th{font-size:11px;letter-spacing:.3px;color:#81909c;background:#f6f9fb;padding:13px}.table td{border-bottom:1px solid #edf1f4;padding:15px 13px;font-size:12px}.table td strong{font-size:13px}.table tr:last-child td{border-bottom:0}.inspection-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.step-card{padding:21px}.step-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.progressline{height:8px;background:#eaf0f4;border-radius:20px;overflow:hidden;margin-top:15px}.progressline i{display:block;height:100%;background:linear-gradient(90deg,#176bc1,#00b49c);border-radius:20px}.checklist-item{padding:18px 0;border-bottom:1px solid #eaf0f2}.checklist-item:last-child{border-bottom:0}.checklist-header{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:700}.choices{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.choices button{border:1px solid #dfe8eb;background:#fff;padding:9px 15px;border-radius:10px;font-size:12px;font-weight:800;color:#80909b}.choices button.chosen.pass{background:#e4f8ee;border-color:#9be0c0;color:#05845a}.choices button.chosen.attention{background:#fff0eb;border-color:#f2b8a3;color:#bd5a39}.choices button.chosen.na{background:#edf2f5;border-color:#c6d3dc;color:#587082}.notice{background:#eaf8f5;padding:16px;border-radius:13px;color:#236a66;line-height:1.6;font-size:12px}.sample-box{background:linear-gradient(135deg,#0b478d,#05a89e);color:#fff;border-radius:20px;padding:27px}.sample-box h3{margin:0 0 13px;font:800 22px Manrope}.sample-box p{line-height:1.8;color:#dcf5f7}.visual-photo{border-radius:15px;overflow:hidden;background:#dfecf1;position:relative}.visual-photo img{display:block;width:100%;height:175px;object-fit:cover}.fake-photo{height:175px;display:grid;place-items:center;background:linear-gradient(125deg,#d4e8e9,#eef4f1);font-size:65px}.demo-note{background:#fff7e8;color:#8d641a;border:1px solid #f5e6c2;padding:12px 16px;font-size:12px;border-radius:12px;margin:18px 0}.reportsummary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.reportsummary div{background:#f6f9fb;border-radius:12px;padding:17px}.reportsummary b{display:block;font:800 25px Manrope}.reportsummary small{color:#7f90a0}.barrow{display:grid;grid-template-columns:130px 1fr 45px;align-items:center;gap:10px;margin:15px 0;font-size:12px}.bar{background:#edf3f7;height:10px;border-radius:30px;overflow:hidden}.bar i{height:100%;display:block;background:linear-gradient(90deg,#0e6cc3,#00b8a0);border-radius:30px}.empty{text-align:center;padding:55px;color:#8295a2}.mini-line{font-size:11px;color:#7c8e9d}.mock-label{font-size:10px;color:#9db6ba;font-weight:800;letter-spacing:1px}.hero .buttonrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#toast{position:fixed;right:20px;bottom:25px;background:#102f40;color:white;padding:15px 20px;border-radius:13px;box-shadow:0 15px 30px #183b4a33;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}#toast.show{opacity:1}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.site-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:transform .25s;box-shadow:10px 0 30px #263f5622;width:260px}.sidebar.open{transform:translateX(0)}.mobilemenu{display:block;border:0;background:#e8f5f6;border-radius:10px;padding:9px 13px}.topbar{padding:0 18px;height:64px}.toplogo small,.sampleflag{display:none}.content{padding:23px 16px}.hero{padding:27px 24px;grid-template-columns:1fr}.hero-visual{display:none}.cards{gap:9px}.stat{padding:14px}.stat strong{font-size:27px}.grid2,.inspection-layout,.site-list{grid-template-columns:1fr}.panel{padding:17px}.topright{gap:9px}.topright a{font-size:12px}.reportsummary{gap:7px}.reportsummary div{padding:12px}.reportsummary b{font-size:20px}.barrow{grid-template-columns:90px 1fr 28px}}@media print{.sidebar,.topbar,.footer,.btn,.navitem,.toolbar,.actions,.no-print{display:none!important}.app{display:block}.content{padding:0}.panel{box-shadow:none;border-color:#ddd;break-inside:avoid}.page-title{font-size:24px}.cards{grid-template-columns:repeat(4,1fr)}}

/* v0.8.1 — Category-aware demo navigation */
.industry-select{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 20px;margin-bottom:24px;box-shadow:0 4px 18px #24415d08}
.industry-label{font-size:11px;font-weight:800;letter-spacing:1.1px;color:#14769d;margin-bottom:13px}
.industry-label span{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:#788b98;margin-left:10px}
.industry-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.industry-tab{background:#f6f9fb;border:1px solid #e4edf1;border-radius:12px;padding:12px 8px;color:#435a70;font-size:12px;font-weight:800;min-height:49px;transition:background .2s,border .2s;text-align:center}
.industry-tab:hover{background:#e8f6f7;border-color:#87cfcf}.industry-tab.active{background:linear-gradient(110deg,#e4f2ff,#dff9f2);border:1px solid #59b9c2;color:#08688b}
.industry-tab:focus-visible{outline:3px solid #5cc9cc;outline-offset:2px}
@media(max-width:760px){.industry-select{padding:14px;margin-bottom:17px}.industry-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-label span{display:block;margin:5px 0 0;line-height:1.4}.industry-tab{font-size:12px}}
@media print{.industry-select{display:none!important}}