:root{font-family:"Leelawadee UI",Tahoma,system-ui,sans-serif;background:#f4f7f6;color:#203d38}button,a,input{touch-action:manipulation}.login-art{background:radial-gradient(ellipse at 0 0,#316756,transparent 70%),#103f35;padding:5vw;gap:50px}.login-art h1{font-size:clamp(34px,4.1vw,66px);line-height:1.48;letter-spacing:-1.5px}.login-art h1 em{font-style:normal;color:#e7c989}.login-art p{line-height:1.9;color:#c0d9d0}.login-mark,.brand{display:flex;align-items:center;gap:14px}.login-mark small,.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:6px}.city-logo{height:64px;width:64px;object-fit:contain;border-radius:50%;background:white;flex-shrink:0}.login-flow{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:13px;color:#d9e5de;border-top:1px solid #ffffff30;padding-top:24px}.login-foot{font-size:11px!important;letter-spacing:1px;margin-top:25px}.login-card{border-radius:20px;padding:38px;box-shadow:0 25px 70px #14382d0c}.login-form-wrap{background:#f4f7f3}.primary{background:#185c49}.primary:hover{background:#104535}.secondary,.row-actions button{background:#eaf2ee;color:#185c49}.demo-box{background:#f3f7f1;border-color:#dce7da;color:#426248}.sidebar{background:#103f35;position:sticky;top:0;height:100vh;padding:25px 12px}.app{grid-template-columns:265px 1fr}.brand{padding:0 8px;font-size:13px;line-height:1.6}.brand .city-logo{width:49px;height:49px}.brand>small{display:none}.nav button{font-weight:500;color:#c9dbd3}.nav button.active,.nav button:hover{background:#2a5b4e}.sidebar-foot{line-height:1.9}.topbar{height:76px;gap:18px;padding:0 30px}.topbar strong{flex:1;color:#294b40}.demo-tag{font-size:10px;font-weight:700;letter-spacing:1px;border:1px solid #dbcba7;border-radius:5px;color:#8d6b29;padding:6px 9px;background:#fcf8ee}.content{max-width:1380px;padding:30px}.welcome{display:flex;justify-content:space-between;gap:20px;padding:32px 38px;background:linear-gradient(115deg,#e4eee7,#f1f3e9);border:1px solid #d8e4d9;border-radius:18px;margin-bottom:22px}.welcome h2{font-size:27px;color:#244b3b;margin:12px 0}.welcome p{font-size:14px;color:#62786d;line-height:1.8}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#728d70}.welcome-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:11px;min-width:160px;color:#46614e}.welcome-seal img{width:112px;height:112px;border-radius:50%;box-shadow:0 8px 25px #234a331c}.journey{display:flex;align-items:center;justify-content:space-between;gap:10px;background:white;border:1px solid #e2e9e3;border-radius:12px;padding:19px 23px;margin-bottom:30px;font-size:12px;color:#526e5d}.journey b{color:#b4c0b7}.page-head h1{color:#244b3b;font-size:24px}.card,.table-wrap{border-color:#e0e8e2;box-shadow:none}.stat{border-left:3px solid #9bab81}.stat .num{color:#185c49}.step.on{background:#dcecdf;color:#205439}.note{background:#edf5ef;border-left-color:#709774;color:#405e48}.document-city{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 0 15px;font-size:12px}.document-city img{width:32px;height:32px}.official-layout{font-family:"Leelawadee UI",Tahoma,sans-serif;min-height:1000px}.official-layout .doc-status{line-height:1.6}.field label{line-height:1.7}.footer-note{line-height:1.8}.official-layout .doc-row{overflow-wrap:anywhere}.doc-value{max-width:100%}
@media(max-width:1000px){.welcome{padding:24px}.welcome h2{font-size:23px}.journey{flex-wrap:wrap}.app{grid-template-columns:225px 1fr}.brand{flex-wrap:wrap}.content{padding:22px}}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.brand{flex-wrap:nowrap}.brand .city-logo{height:38px;width:38px}.brand span small{display:none}.welcome-seal{display:none}.welcome h2{font-size:23px}.journey{font-size:11px}.official-layout{padding:24px 20px;min-height:0}.demo-tag{display:none}.login-art{padding:30px;gap:30px}.login-art h1{font-size:34px}.login-flow{display:none}.content{padding:18px}.modal .official-layout{font-size:12px}.login-card{padding:28px}}
@media print{html,body{background:white!important}.login,.app,.modal-bg,.toast{display:none!important}.print-only{display:block!important;padding:0!important}.official-layout{font-family:"Leelawadee UI",Tahoma,sans-serif;width:190mm;max-width:190mm;min-height:0;padding:0 5mm;font-size:10pt;line-height:1.45;box-shadow:none;border:0;overflow:visible}.official-layout h2{font-size:15pt;margin-bottom:9px}.official-layout .doc-garuda{width:19mm;margin-top:0}.official-layout .doc-row{margin:4px 0;line-height:1.55}.official-layout .doc-signature{margin-top:8mm}.official-layout .doc-watermark{font-size:65pt;left:12%;color:#9b555520!important;print-color-adjust:exact}.official-layout .doc-status{margin-top:7mm;font-size:8pt}.document-city{margin:3px 0 8px;font-size:9pt}.document-city img{width:7mm;height:7mm}.official-layout .doc-condition-line{margin:2px 0 2px 15px}.official-layout .doc-conditions{margin-top:15px}@page{size:A4;margin:10mm}}
.scan-paper{position:relative;width:100%;max-width:760px;aspect-ratio:990/1400;margin:0 auto;background:#fff;container-type:inline-size;color:#111;font-family:"Leelawadee UI",Tahoma,sans-serif;box-shadow:0 4px 25px #183d2f13;border:1px solid #dde5dd}.scan-template{width:100%;height:100%;display:block}.scan-value{position:absolute;display:block;text-align:center;white-space:nowrap;line-height:1.3;font-size:1.65cqw;color:#111;overflow:hidden;text-overflow:clip}.scan-small{font-size:1.4cqw}.scan-paper:before{content:none!important}@media print{.scan-paper{width:190mm;max-width:190mm;height:268.68mm;margin:0;border:0;box-shadow:none;break-inside:avoid}.scan-value{font-size:9pt}.scan-small{font-size:7.6pt}.scan-template{print-color-adjust:exact;width:190mm;height:268.68mm}@page{size:A4;margin:10mm}}