@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');
:root{font-family:Kanit,'Noto Sans Thai',system-ui,sans-serif;color:#19342d;background:#f4f8f6;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#167353;text-decoration:none}.shell{display:flex;min-height:100vh}.side{width:245px;background:#104f3a;color:white;padding:24px 14px;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;padding:10px 12px 22px;font-size:19px;font-weight:600}.logo{width:42px;height:42px;background:#e7bc65;color:#174c3a;border-radius:13px;display:grid;place-items:center;font-weight:700;font-size:24px}.side a{display:flex;gap:11px;align-items:center;color:#d6e8e1;padding:12px 15px;border-radius:10px;margin-bottom:5px}.side a:hover,.side a.active{background:#28765a;color:white}.side .logout{padding:9px 15px}.main{flex:1;min-width:0}.top{background:white;padding:19px 30px;border-bottom:1px solid #e3ece7;display:flex;justify-content:space-between;gap:12px;align-items:center}.content{max-width:1320px;margin:auto;padding:27px 30px}.muted{color:#71867c}.side .muted{color:#bfd9cc}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.card,.panel{background:white;border:1px solid #e4ede8;border-radius:15px;padding:22px;box-shadow:0 4px 18px #1b51370a}.card .metric{font-size:31px;font-weight:600;color:#115c43}.card .label{font-size:13px;color:#7a8981}.panel{margin:17px 0}.panel h2{margin-top:0;font-size:19px}.btn,button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7e4dc;border-radius:9px;background:white;padding:10px 15px;color:#16533e;font-weight:500;font-size:14px;gap:6px}.btn.primary{background:#137b53;border-color:#137b53;color:white}.btn.danger{background:#af3941;color:white;border-color:#af3941}.btn.small{padding:6px 9px;font-size:12px}.btn.full{width:100%;margin-top:15px}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:block;margin:10px 0 4px;font-size:13px;color:#315d49;font-weight:500}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid #d6e4dc;border-radius:8px;width:100%;background:white;color:#224337}textarea{min-height:70px}input:focus,select:focus{outline:2px solid #b6e3d0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf2ef;white-space:nowrap}th{background:#f8faf8;color:#5f786a;font-weight:500}tr:hover td{background:#fcfdfb}.badge{display:inline-block;background:#e6f3eb;padding:4px 9px;color:#166643;border-radius:30px;font-size:12px}.badge.draft,.badge.rejected{background:#f9eae8;color:#97453f}.badge.review,.badge.requested,.badge.processing{background:#fcf1d8;color:#876115}.alert{background:#e4f6ea;border-left:4px solid #198352;padding:13px 16px;margin:15px 0;border-radius:6px}.error{background:#fff0ec;border-left:4px solid #b94740;padding:13px 16px;margin:15px 0;border-radius:6px}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(125deg,#0b4e38,#13865d);padding:20px}.login-card{background:white;padding:34px;max-width:420px;width:100%;border-radius:18px;box-shadow:0 22px 70px #062a202b}.login-card.wide{max-width:610px}.login-card h1{margin:12px 0 3px}.login-card small{display:block;margin-top:18px}.login-card .logo{height:60px;width:60px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.inline-form{display:inline}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filters label{margin:0}.filters input,.filters select{min-width:140px}.kpi-positive{color:#0b8054}.kpi-negative{color:#b74148}.print-only{display:none}.document{max-width:780px;margin:20px auto;background:white;padding:45px;line-height:1.9}.document h1,.document h2{text-align:center}.right{text-align:right}.center{text-align:center}.document .totals{font-weight:600;background:#eef5f0}.document table td{text-align:right}.document table td:first-child{text-align:left}.smalltext{font-size:12px}hr{border:0;border-top:1px solid #e1e8e2;margin:18px 0}@media(max-width:1000px){.side{width:190px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.side{width:100%;padding:9px;display:flex;overflow:auto;align-items:center;gap:3px}.brand{padding:5px;font-size:15px;white-space:nowrap}.side a{white-space:nowrap;margin:0;padding:8px}.top{padding:13px 15px}.content{padding:16px}.cards{grid-template-columns:1fr 1fr}.grid2,.grid3{grid-template-columns:1fr}.card,.panel{padding:15px}}@media print{@page{size:A4;margin:15mm}body{background:white;color:black;font-family:'TH Sarabun New','Noto Serif Thai',serif;font-size:16pt}.no-print{display:none!important}.document{max-width:none;margin:0;padding:0;box-shadow:none}.print-only{display:block}table{font-size:14pt}th,td{padding:5px}}

/* AIAS v1.1 branding: retain original PNG artwork and aspect ratio. */
.login-layout{width:100%;max-width:850px;display:flex;flex-direction:column;align-items:center;gap:24px}
.login-brand{width:100%;text-align:center;color:#fff;padding:12px 0}
.login-brand img{display:block;width:100%;height:auto;max-width:800px;margin:0 auto}
.login-brand p{margin:20px 0 0;font-size:clamp(16px,3vw,23px);font-weight:400}
.login-layout .login-card h1{font-size:26px;margin-top:0}
.login-version{color:#d6e8e1;font-size:12px;text-align:center}
.brand-version{display:block;font-size:11px;font-weight:400;color:#d6e8e1;margin-top:4px}
.header-identity{min-width:0;flex:1;display:flex;flex-direction:column;gap:14px}
.header-logo{display:block;width:100%;max-width:500px;background:#fff}
.header-logo img{display:block;width:100%;height:auto}
.header-account{justify-content:flex-end;max-width:35%;overflow-wrap:anywhere}
@media(max-width:760px){.top{flex-wrap:wrap;gap:16px}.header-identity{flex-basis:100%}.header-logo{max-width:500px}.header-account{max-width:100%;width:100%;justify-content:flex-start}.login-bg{padding:24px 16px}.login-layout{gap:18px}.login-layout .login-card{padding:26px 22px}.brand-version{font-size:10px}}