:root{--green: #0b5d1e;--green-2: #137a2a;--lime: #7dc21e;--bg: #f4f7f2;--muted: #66756a}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);font-family:Sarabun,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}.muted{color:var(--muted)}.app-shell{min-height:100vh}.app-sider{position:sticky;top:0;height:100vh;overflow:auto}.sider-brand{color:#fff;font-weight:700;font-size:18px;letter-spacing:.5px;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:8px}.sider-brand span{color:var(--lime)}.sider-brand small{display:block;font-weight:400;font-size:12px;opacity:.7;letter-spacing:0}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;border-bottom:3px solid var(--lime);box-shadow:0 1px 4px #0000000d;padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}.header-logo{height:34px;width:auto}.header-right{margin-left:auto;display:flex;align-items:center;gap:4px}.user-btn{display:inline-flex;align-items:center;gap:8px}.app-content{padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.page{max-width:1080px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.page-title.ant-typography{color:var(--green);margin:4px 0 16px}.cta-card{background:linear-gradient(120deg,var(--green),var(--green-2));color:#fff;margin-bottom:12px;border:0}.cta-card .ant-card-body{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cta-card h3{margin:0;font-size:20px;color:#fff}.cta-card p{margin:4px 0 0;opacity:.85}.cta-card .ant-btn{background:var(--lime);border-color:var(--lime);color:var(--green);font-weight:700}.stats{margin-bottom:16px}.inspection-list .ant-list-item{cursor:pointer;border-radius:8px;padding-left:8px;padding-right:8px}.inspection-list .ant-list-item:hover{background:#f6faf2}.section-card{margin-bottom:12px}.section-card .ant-card-head{color:var(--green)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));column-gap:16px}.form-grid .span-all{grid-column:1 / -1}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill-group .ant-radio-button-wrapper{border-radius:8px!important;border-inline-start-width:1px;height:40px;line-height:38px}.pill-group .ant-radio-button-wrapper:before{display:none!important}.geo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px dashed #cfdac9;border-radius:10px}.geo-row .ant-btn{margin-left:auto}.hint{margin-bottom:12px}.checklist{display:grid;gap:10px;margin-bottom:12px}.check-section{display:flex;align-items:center;gap:10px;margin-top:8px;font-weight:700;color:var(--green);font-size:16px}.check-section span,.check-no{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 6px;border-radius:13px;background:var(--green);color:#fff;font-size:13px;font-weight:700}.check-item{border-left:4px solid #d9d9d9;transition:border-color .2s}.check-item.pass{border-left-color:#3f9a14}.check-item.fail{border-left-color:#d4380d}.check-item.na{border-left-color:#bfbfbf}.check-item.has-error{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f26}.check-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.check-text{flex:1;font-weight:500;line-height:1.5}.check-error{color:#ff4d4f;margin-top:8px;font-size:13px}.check-note{margin-top:10px}.result-group{display:grid!important;grid-template-columns:repeat(3,1fr);width:100%}.result-group .ant-radio-button-wrapper{text-align:center;height:44px;line-height:42px;font-weight:600}.result-group .r-pass.ant-radio-button-wrapper-checked{background:#3f9a14!important;border-color:#3f9a14!important}.result-group .r-fail.ant-radio-button-wrapper-checked{background:#d4380d!important;border-color:#d4380d!important}.result-group .r-na.ant-radio-button-wrapper-checked{background:#8c8c8c!important;border-color:#8c8c8c!important}.photo-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.photo-thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden}.photo-thumb img{object-fit:cover}.photo-del{position:absolute!important;top:2px;right:2px;transform:scale(.85)}.detail-photos{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.detail-photos img{object-fit:cover;border-radius:6px}.submit-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:16px;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid #e3eadf}.submit-progress{flex:1;margin:0!important}.landing{min-height:100vh;background:#fff}.landing-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;max-width:1080px;margin:0 auto}.landing-top img{height:44px}.hero{background:radial-gradient(circle at 85% 20%,rgba(125,194,30,.35),transparent 45%),linear-gradient(135deg,var(--green),#0a4718);color:#fff;padding:56px 16px 64px;text-align:center}.hero-badge{display:inline-block;padding:4px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);font-size:14px}.hero h1{font-size:clamp(32px,7vw,56px);margin:16px 0 8px;letter-spacing:1px;line-height:1.15}.hero h1 span{color:var(--lime)}.hero h1 small{font-size:.4em;opacity:.8;vertical-align:middle}.hero-sub{font-size:18px;opacity:.9;margin:0 auto 16px;max-width:560px}.hero-points{list-style:none;padding:0;margin:0 auto 28px;display:grid;gap:6px;max-width:520px;font-size:16px}.hero-points .anticon{color:var(--lime);margin-right:6px}.hero-cta.ant-btn{background:var(--lime);border-color:var(--lime);color:var(--green);font-weight:700;padding:0 32px}.hero-cta.ant-btn:hover{background:#8fd42a!important;border-color:#8fd42a!important;color:var(--green)!important}.features{max-width:1080px;margin:-32px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.feature{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:14px;padding:18px;box-shadow:0 6px 24px #0b5d1e1f}.feature-icon{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eef7e3;color:var(--green);font-size:24px}.feature h3{margin:0 0 4px;color:var(--green);font-size:17px}.feature p{margin:0;color:var(--muted)}.benefits{max-width:1080px;margin:40px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}.benefit-icon{width:64px;height:64px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--lime);color:var(--green);font-size:28px}.benefit p{margin:0;font-weight:600;color:#333}.landing-foot{text-align:center;color:var(--muted);padding:24px 16px 32px;border-top:1px solid #eee;font-size:13px}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 16px;gap:16px}.login-logo{width:100%;max-width:300px}.login-card{width:100%;max-width:400px}.login-card h1{margin:0;color:var(--green);font-size:24px}.login-card .muted{margin:4px 0 20px}@media (max-width: 575px){.app-content{padding:12px}.submit-bar{margin:0 -12px;padding-left:12px;padding-right:12px}.header-logo{height:28px}}.fix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}.fix-label{font-weight:700;font-size:13px;display:inline-block;padding:2px 10px;border-radius:6px}.fix-label.before{background:#fff1e6;color:#ad4e00}.fix-label.after{background:#eef7e3;color:var(--green)}.fix-finding{color:#d4380d;margin-bottom:4px}.fix-result{margin-top:10px;padding:10px;border-radius:8px;background:#f7faf5;border:1px dashed #cfdac9;color:#000000d9}.seg-scroll{overflow-x:auto;margin-bottom:12px;padding-bottom:2px}