:root{color:#17231f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f8f6;font-family:Noto Sans Thai,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{color:#1f302b;cursor:pointer;background:#fff;border:1px solid #cbd9d3;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 14px;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}button:hover{border-color:#19704f}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1c795633}button:disabled{opacity:.48;cursor:not-allowed;transform:none}button.primary{color:#fff;background:linear-gradient(#158257,#096b45);border-color:#096b45;box-shadow:0 10px 22px #096b452e}button.primary:hover{transform:translateY(-1px)}button.active{color:#0b5b3c;background:#e7f4ef;border-color:#79baa3}button.icon{width:42px;padding:9px}button.danger{color:#a51e32}button.wide{width:100%}main{min-height:100vh}section{max-width:1180px;margin:0 auto;padding:28px 20px 40px}section.narrow{max-width:860px}h1{letter-spacing:0;margin:0 0 8px;font-size:30px;line-height:1.2}h2{letter-spacing:0;margin:0 0 8px;font-size:20px}h3{margin:20px 0 10px;font-size:16px}p{margin:0 0 10px;line-height:1.65}small,.muted{color:#6b7a75}label{color:#4d5d57;gap:7px;font-size:14px;font-weight:600;display:grid}label b{color:#a51e32}label small{font-weight:400}input,textarea,select{color:#17231f;background:#fff;border:1px solid #cbd9d3;border-radius:8px;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:96px}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #dce8e3;justify-content:space-between;align-items:center;gap:18px;padding:14px 22px;display:flex;position:sticky;top:0}.brand-button{color:#0c5c40;background:0 0;border:0;padding:0}.brand-button span{text-align:left;display:grid}.brand-button strong{font-size:17px}.brand-button small{color:#6b7a75;font-size:12px}nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-pill,.badge{color:#52625c;background:#eef5f2;border:1px solid #d7e4df;border-radius:999px;align-items:center;min-height:30px;padding:5px 11px;font-size:12px;display:inline-flex}.badge.blocked{color:#9b1c2e;background:#fae8eb;border-color:#efb8c1}.badge.ready,.badge.done{color:#0b5b3c;background:#e2f4ed;border-color:#a8d7c6}.badge.waiting_external{color:#744800;background:#fff3d3;border-color:#e9cc82}.login,.center-stage{place-items:center;min-height:100vh;padding:28px 18px;display:grid}.login-card,.welcome-card,.wizard-card,.panel,.metric,.case-card{background:#fff;border:1px solid #dce8e3;border-radius:10px;box-shadow:0 18px 40px #15312714}.login-card,.welcome-card{width:min(100%,620px);padding:34px}.welcome-card.small{text-align:center;max-width:520px}.brand-mark{color:#0b6b49;align-items:center;gap:9px;margin-bottom:18px;font-weight:800;display:inline-flex}.benefit-list{gap:10px;margin:18px 0 24px;display:grid}.benefit-list span{color:#315049;align-items:center;gap:10px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.form-grid.compact{grid-template-columns:1fr}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.split-actions{grid-template-columns:1.5fr 1fr;display:grid}.push-right{margin-left:auto}.wizard-card{padding:26px}.wizard-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.wizard-progress{grid-template-columns:repeat(var(--steps), minmax(0, 1fr));gap:10px;margin:20px 0 28px;display:grid}.wizard-progress div{color:#8a9993;gap:8px;display:grid;position:relative}.wizard-progress span,.workflow-progress span{background:#fff;border:1px solid #cbd9d3;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.wizard-progress .active span,.wizard-progress .done span{color:#fff;background:#0b6b49;border-color:#0b6b49}.wizard-progress .active small,.wizard-progress .done small{color:#0b6b49;font-weight:800}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.choice{text-align:center;border-radius:10px;align-content:center;justify-items:center;min-height:150px;display:grid}.choice svg{color:#1b6d8f;width:42px;height:42px}.choice.active{background:#eef8f3;border-color:#0b6b49;box-shadow:inset 0 0 0 1px #0b6b49}.money-input{grid-template-columns:1fr 70px;display:grid}.money-input input{border-radius:8px 0 0 8px}.money-input span{color:#64746e;border:1px solid #cbd9d3;border-left:0;border-radius:0 8px 8px 0;place-items:center;display:grid}.page-heading,.case-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric{box-shadow:none;padding:18px}.metric strong{color:#0b6b49;font-size:30px;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.search{background:#fff;border:1px solid #cbd9d3;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;min-width:min(100%,320px);padding-left:10px}.search input{border:0}.work-list{gap:12px;display:grid}.case-card{box-shadow:none;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:18px;display:grid}.eyebrow{color:#0b6b49;letter-spacing:0;font-size:12px;font-weight:800}.card-actions{justify-items:end;gap:8px;display:grid}.workflow-progress{grid-template-columns:repeat(9,minmax(100px,1fr));gap:8px;margin:16px 0 18px;padding-bottom:10px;display:grid;overflow-x:auto}.workflow-progress button{white-space:nowrap;justify-items:center;gap:8px;min-height:76px;font-size:13px;display:grid}.workflow-progress .done{color:#0b6b49;background:#e5f5ee;border-color:#a8d7c6}.workflow-progress .current{color:#fff;background:#0b6b49;border-color:#0b6b49;box-shadow:0 12px 24px #096b452e}.workflow-progress .current span{color:#0b6b49;background:#fff}.workflow-progress .future{color:#93a19b;background:#f5f8f6}.workflow-progress .review{color:#7a4a00;background:#fff7dc;border-color:#e8cc83}.guided-grid{grid-template-columns:1.35fr .9fr;align-items:start;gap:16px;display:grid}.current-action-card{background:#fff;border:1px solid #b5dbcc;border-radius:10px;padding:24px;box-shadow:0 18px 42px #0f5c3f1f}.side-stack{gap:12px;display:grid}.panel{box-shadow:none;padding:20px}.read-only{background:#fbfcfb}.checklist{gap:8px;margin:16px 0 22px;display:grid}.checklist span{color:#74837d}.checklist .done{color:#0b6b49;font-weight:700}.next-action-line{color:#315049;background:#eef5f2;border:1px solid #d7e4df;border-radius:8px;margin:14px 0;padding:10px 12px}.rule{border-radius:8px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 14px;line-height:1.55;display:flex}.rule.info{color:#315049;background:#eef5f2;border:1px solid #d7e4df}.rule.warning{color:#604300;background:#fff7df;border:1px solid #ead082}.rule.block{color:#8b1a2a;background:#fae7ea;border:1px solid #efb7c0}.doc-action{background:#f4f8f6;border:1px solid #dce8e3;border-radius:8px;margin-bottom:8px;padding:10px}.success-mark{color:#15803d;background:#dcfce7;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:1rem;display:inline-flex}.step-complete{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex;box-shadow:0 14px 32px #15312712}.step-complete .success-mark{border-radius:14px;flex:none;width:48px;height:48px;margin:0}.step-complete h2{margin:0 0 .2rem;font-size:1.05rem}.step-complete p{color:#6b7a75;margin:0}.step-complete button{margin-left:auto}.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.filebox{margin-top:10px}.revision{background:#fff;border:1px solid #dce8e3;border-radius:8px;margin-bottom:8px;padding:11px}.revision-list{gap:8px;display:grid}.review-drawer{background:#fff;border:1px solid #dce8e3;border-radius:10px;margin-top:18px;padding:14px 16px}.review-drawer summary{cursor:pointer;color:#0b6b49;font-weight:800}.sticky-actions{z-index:4;background:linear-gradient(#f4f8f600,#f4f8f6 30%);justify-content:flex-end;gap:10px;margin-top:18px;padding:14px 0;display:flex;position:sticky;bottom:0}.empty,.loading-card{text-align:center;color:#64736e;background:#fff;border:1px dashed #cbd9d3;border-radius:10px;padding:34px}.toast{z-index:20;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast>button:first-child{color:#fff;background:#0b6b49;border-color:#0b6b49;box-shadow:0 14px 30px #096b4533}.app-alert{max-width:1180px;margin:0 auto;padding:12px 20px 0}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto}@media (width<=900px){.topbar{flex-direction:column;align-items:stretch}nav{grid-template-columns:1fr 1fr;display:grid}.user-pill{grid-column:1/-1;justify-content:center}section{padding:18px 14px 92px}h1{font-size:24px}.page-heading,.case-header{flex-direction:column;align-items:stretch}.summary,.guided-grid,.form-grid,.form-grid.two,.doc-grid,.choice-grid,.case-card,.split-actions{grid-template-columns:1fr}.step-complete{flex-direction:column;align-items:stretch}.step-complete button{margin-left:0}.workflow-progress{grid-template-columns:repeat(9,92px)}.sticky-actions{background:#fffffff5;border-top:1px solid #dce8e3;padding:12px 14px;position:fixed;left:0;right:0}.sticky-actions button{flex:1}.toast{margin:12px 14px 0;position:static}.toast>button:first-child{width:100%}.card-actions{justify-items:stretch}.login,.center-stage{min-height:100vh;padding:16px}.login-card,.welcome-card,.wizard-card{padding:22px}}