:root{--navy:#062B5C;--navy2:#083D78;--blue:#168DE2;--pale:#F3F8FE;--border:#B8D0E8;--text:#102E55;--muted:#58708E;--green:#55A45A;--red:#E5483B;--white:#fff;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(120deg,var(--navy),#021b37);color:#fff;display:flex;align-items:center;gap:22px;padding:14px 24px;box-shadow:0 6px 18px #052b5c26}.brand{display:flex;align-items:center;gap:10px;min-width:215px}.snow{font-size:35px;color:var(--blue)}.brandline{display:flex;align-items:center;gap:7px;font-size:25px}.brandline span{color:var(--blue)}.brandline b{background:var(--blue);padding:3px 7px;border-radius:6px;font-size:12px}.brand small{letter-spacing:2px}.title{flex:1}.title h1{font-size:20px;margin:0}.title p{margin:2px 0 0;color:#84caf9;font-size:13px}main{max-width:1180px;margin:0 auto;padding:28px 22px 110px}.view{display:none}.view.active{display:block}.hero{display:flex;justify-content:space-between;gap:25px;align-items:center;background:linear-gradient(135deg,#fff,#edf6ff);border:1px solid var(--border);border-radius:20px;padding:28px}.hero h2{font-size:32px;max-width:670px;margin:5px 0}.hero p{max-width:700px;color:var(--muted)}.eyebrow{color:var(--blue)!important;font-size:12px;font-weight:800;letter-spacing:1.6px;margin:0 0 5px}.primary,.secondary,.ghost{border:0;border-radius:12px;padding:12px 18px;font-weight:800}.primary{background:var(--navy2);color:#fff}.primary.big{padding:16px 22px}.secondary{background:#dceeff;color:var(--navy2)}.ghost{background:#ffffff14;color:inherit;border:1px solid #ffffff33}.pagehead .ghost{background:#fff;color:var(--navy2);border:1px solid var(--border)}.pagehead,.panelhead,.checkhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.pagehead h2,.panel h3{margin:4px 0 12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}.stat span{display:block;font-size:32px;font-weight:900}.stat small{color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 4px 14px #0b31570a}.formgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.formgrid label{font-size:12px;font-weight:800;color:var(--muted)}.formgrid label.wide{grid-column:span 2}input,select,textarea{width:100%;margin-top:6px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #168de21a}.actions{display:flex;justify-content:flex-end;gap:10px;margin:20px 0}.actions.sticky{position:sticky;bottom:78px;background:#f5f7fbe6;padding:10px;border-radius:14px;backdrop-filter:blur(10px)}.checksection{padding:0;overflow:hidden}.checkhead{background:var(--pale);padding:12px 16px;border-bottom:1px solid var(--border)}.checkhead h3{margin:0}.legend{display:grid;grid-template-columns:65px 75px 65px;text-align:center;font-size:11px;font-weight:900}.checkrow{display:grid;grid-template-columns:1fr 65px 75px 65px;align-items:center;min-height:48px;border-bottom:1px solid #e6edf5;padding:0 16px}.checkrow:last-child{border-bottom:0}.checkrow .label{font-size:14px}.choice{text-align:center}.choice input{width:19px;height:19px;margin:0;accent-color:var(--navy2)}.measuregrid{grid-template-columns:repeat(3,1fr)}.statuschoices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.statuschoices label{border:1px solid var(--border);border-radius:12px;padding:15px;font-weight:900}.statuschoices input{width:auto;margin:0 8px 0 0}.signaturegrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}canvas{display:block;width:100%;height:150px;border:1px solid var(--border);border-radius:12px;background:#fff;touch-action:none}.link{border:0;background:none;color:var(--blue);font-weight:800;padding:6px}.empty{color:var(--muted);padding:22px 0}.jobitem{display:grid;grid-template-columns:1fr auto;gap:15px;padding:14px 0;border-bottom:1px solid #e7edf4}.jobitem strong{display:block}.jobitem small{color:var(--muted)}.bottomnav{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:40;background:var(--navy);border-radius:18px;padding:8px;display:flex;gap:4px;box-shadow:0 10px 30px #062b5c45}.bottomnav button{border:0;background:transparent;color:#fff;min-width:82px;padding:7px 12px;border-radius:12px;font-size:20px}.bottomnav span{display:block;font-size:10px}.hidden{display:none!important}@media(max-width:760px){.topbar{padding:12px 14px}.title{display:none}.brand{min-width:0;flex:1}.brandline{font-size:21px}.snow{font-size:29px}main{padding:18px 12px 100px}.hero{display:block}.hero h2{font-size:26px}.hero .primary{margin-top:10px;width:100%}.stats{gap:8px}.stat{padding:14px}.stat span{font-size:24px}.formgrid,.measuregrid{grid-template-columns:1fr 1fr}.formgrid label.wide{grid-column:span 2}.checkrow{grid-template-columns:1fr 48px 58px 48px;padding:0 10px}.legend{grid-template-columns:48px 58px 48px}.checkrow .label{font-size:12px}.signaturegrid{grid-template-columns:1fr}.statuschoices{grid-template-columns:1fr}}@media(max-width:430px){.formgrid,.measuregrid{grid-template-columns:1fr}.formgrid label.wide{grid-column:auto}.bottomnav{width:calc(100% - 22px);justify-content:space-around}}
.auth-overlay{position:fixed;inset:0;z-index:1000;background:linear-gradient(145deg,#062b5cf2,#021b37f7);display:flex;align-items:center;justify-content:center;padding:22px}
.auth-overlay.hidden{display:none}.auth-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:26px;box-shadow:0 28px 80px #0005}
.auth-brand{color:var(--navy);margin-bottom:18px}.auth-card p{color:var(--muted)}.auth-card label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-top:13px}
.auth-btn{width:100%;margin-top:11px}.auth-message{min-height:22px;margin-top:10px;font-size:13px;color:var(--red)}
.cloud-badge{position:fixed;top:82px;right:18px;z-index:80;background:#eaf8ee;color:#25783a;border:1px solid #b8e2c2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}
.top-actions{display:flex;gap:8px}