@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');
:root{--navy:#102a43;--blue:#1f5f99;--gold:#c89b3c;--bg:#f4f7fb;--green:#147d4f;--yellow:#a66a00;--orange:#c45100;--red:#c62828;--gray:#667085}
*{box-sizing:border-box;font-family:'Sarabun','TH Sarabun New',Tahoma,sans-serif}body{margin:0;background:var(--bg);color:#1b2430;font-family:'Sarabun','TH Sarabun New',Tahoma,sans-serif;font-size:22px;line-height:1.35}.container{width:min(1120px,92%);margin:auto}.nav{background:#fff;border-bottom:1px solid #dde5ee;position:sticky;top:0;z-index:10}.nav .container{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{font-size:32px;font-weight:700;color:var(--navy);text-decoration:none}.nav a{color:var(--navy);text-decoration:none;margin-left:18px}.hero{padding:64px 0;background:linear-gradient(135deg,#102a43,#1f5f99);color:#fff}.hero h1{font-size:52px;margin:0 0 12px}.hero p{font-size:28px;max-width:780px}.btn{display:inline-block;border:0;border-radius:10px;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;background:var(--blue);color:#fff}.btn.gold{background:var(--gold);color:#132238}.btn.red{background:var(--red)}.btn.gray{background:var(--gray)}.section{padding:42px 0}.card{background:#fff;border:1px solid #dce5ef;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(16,42,67,.06);margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #b9c7d6;border-radius:9px;padding:11px 12px;font:inherit;background:#fff}input[type=checkbox]{width:auto;margin-right:8px}.full{grid-column:1/-1}.muted{color:#667085}.score{font-size:64px;font-weight:700}.badge{display:inline-block;padding:5px 12px;border-radius:99px;font-weight:700}.approved{background:#dcfce7;color:#166534}.conditional{background:#fff3cd;color:#8a5a00}.rejected,.blocked{background:#fee2e2;color:#991b1b}.reason{border-left:5px solid var(--red);background:#fff5f5;padding:10px 14px;margin:8px 0}.fix{border-left:5px solid var(--green);background:#f0fff6;padding:10px 14px;margin:8px 0}.status-red{color:var(--red);font-weight:700}.steps{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.step{background:#eaf0f6;border-radius:99px;padding:7px 14px}.step.active{background:var(--navy);color:#fff}.notice{padding:14px;border-radius:10px;background:#eef6ff;border:1px solid #bfdcff}.footer{background:#102a43;color:#fff;padding:28px 0;margin-top:40px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #dde5ee;padding:10px;text-align:left}@media(max-width:760px){body{font-size:20px}.hero h1{font-size:40px}.grid,.grid-3{grid-template-columns:1fr}.nav .container{align-items:flex-start}.nav-links{display:none}}
.declaration-box{background:#fff8e7;border:1px solid #e8c876;border-radius:10px;padding:14px}.declaration-box label{font-weight:500;line-height:1.55}
.admin-action{padding:7px 12px;font-size:18px;margin:2px}.table td{vertical-align:middle}@media(max-width:760px){.admin-action{display:inline-block;margin-bottom:5px}}
.contact-footer{font-size:20px}.contact-row{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0}.contact-row a{color:#fff;text-decoration:none;font-weight:700}.floating-contact{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;flex-direction:column;gap:7px}.floating-contact a{background:#102a43;color:#fff;text-decoration:none;padding:9px 14px;border-radius:999px;box-shadow:0 4px 14px #0003;font-weight:700}.support-box{margin-top:18px;padding:14px;border:1px solid #bfdcff;background:#eef6ff;border-radius:10px}.support-box a{font-weight:700;text-decoration:none}.btn.notice-btn{background:#a66a00}@media(max-width:760px){.contact-row{display:block}.contact-row a{display:block;margin:5px 0}.floating-contact{right:8px;bottom:8px}.floating-contact a{padding:7px 11px;font-size:16px}}@media print{.contact-footer,.floating-contact{display:none!important}}
.hero-kicker{display:inline-block;background:#ffffff22;border:1px solid #ffffff55;padding:6px 14px;border-radius:999px}.section-head{text-align:center;max-width:780px;margin:0 auto 24px}.section-head h2{font-size:38px;margin-bottom:6px}.alt{background:#eaf0f6}.debt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.debt-card{display:block;background:#fff;border:1px solid #dce5ef;border-radius:16px;padding:22px;text-decoration:none;color:#1b2430;box-shadow:0 8px 24px rgba(16,42,67,.06);transition:.2s}.debt-card:hover{transform:translateY(-4px);border-color:var(--gold)}.debt-icon{font-size:48px}.debt-card h3{font-size:26px;margin:8px 0}.debt-card p{min-height:58px;color:var(--gray)}.card-action{font-weight:700;color:var(--blue)}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.choice-box{background:#fff;border:2px solid var(--blue);border-radius:16px;padding:22px}.choice-box.lawyer{border-color:var(--gold)}.narrow{max-width:900px}.success{background:#ecfdf3;border-color:#a6e7c5}.preview-layout{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}.edit-panel{position:sticky;top:90px}.edit-panel label{margin-top:10px}.notice-paper{background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:18mm;border:1px solid #ddd;font-size:18px;line-height:1.7;box-shadow:0 8px 30px #0002}.right{text-align:right}.center{text-align:center}.sigline{margin:80px 0 0 auto;width:52%;text-align:center;border-top:1px dotted #222;padding-top:8px}.action-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.inline-form{display:inline}.declaration-box{margin-top:18px}@media(max-width:1000px){.debt-grid{grid-template-columns:repeat(2,1fr)}.preview-layout{grid-template-columns:1fr}.edit-panel{position:static}.notice-paper{width:100%;padding:24px}}@media(max-width:620px){.debt-grid,.choice-row{grid-template-columns:1fr}.section-head h2{font-size:32px}}@media print{.screen-only,.edit-panel,.action-bar,.footer,.floating-contact{display:none!important}.preview-layout{display:block}.notice-paper{border:0;box-shadow:none;margin:0;width:210mm;min-height:297mm;padding:16mm}@page{size:A4;margin:0}}