:root{color:#18332d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f7f5;font-family:Leelawadee UI,Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.page{background:radial-gradient(at 15% 15%,#dcefe6 0,#0000 38%),radial-gradient(at 85% 85%,#e2eee9 0,#0000 35%),#f7faf8;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-card{text-align:center;background:#fff;border:1px solid #e3ebe7;border-radius:24px;width:min(100%,440px);padding:44px 40px 36px;box-shadow:0 24px 70px #20463812}.mark{color:#26734f;background:#e8f4ed;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:25px;font-weight:700;display:grid}.eyebrow{color:#58806d;margin:0 0 8px;font-size:14px}h1{letter-spacing:-.5px;margin:0;font-size:32px}.description{color:#66766f;margin:14px 0 28px;line-height:1.7}.google-button{color:#58645e;cursor:not-allowed;background:#f5f7f6;border:1px solid #d8dfdb;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;font-weight:600;display:flex}.google-g{color:#4285f4;font-size:20px;font-weight:700}.notice{color:#8a6b36;margin:18px 0 0;font-size:13px;line-height:1.7}footer{color:#84928b;font-size:12px;position:absolute;bottom:18px}@media (width<=480px){.login-card{border-radius:20px;padding:36px 24px 30px}h1{font-size:28px}}.dashboard{width:min(100%,1000px);margin:0 auto;padding:32px 20px 64px}.app-header,.account,.form-row,.form-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-header{margin-bottom:24px}.app-header h1{font-size:28px}.account{color:#52665d}.dashboard h2{margin:28px 0 14px;font-size:21px}.warning{color:#765b20;background:#fff9e9;border:1px solid #ead9ad;border-radius:12px;padding:14px 16px;line-height:1.6}.balance-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.balance-card,.panel{background:#fff;border:1px solid #e3ebe7;border-radius:16px;padding:20px;box-shadow:0 10px 30px #2046380a}.balance-card h3{margin:0 0 12px}.balance-card p{color:#52665d}.balance-card strong{color:#26734f;font-size:22px}.balance-card small{color:#77877f}.panel{margin-top:20px}#leaveForm{gap:16px;display:grid}#leaveForm label{color:#465b51;gap:7px;display:grid}#leaveForm input:not([type=checkbox]),#leaveForm select,#leaveForm textarea{color:#18332d;width:100%;font:inherit;background:#fff;border:1px solid #d8e2dc;border-radius:9px;padding:11px 12px}#leaveForm textarea{resize:vertical}#leaveForm .check-row{align-items:center;gap:9px;display:flex}.hidden{display:none!important}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:9px;padding:10px 15px}.primary-button{color:#fff;background:#26734f}.secondary-button{color:#26734f;background:#edf4ef}.request-list{gap:10px;display:grid}.request-item{color:#53675d;border-bottom:1px solid #edf1ee;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 0;display:flex}.request-item strong{color:#18332d}#formStatus{color:#52665d;min-height:1.5em}.approval-panel{margin-top:32px}.section-heading,.detail-heading,.decision-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading h2{margin:0}.section-heading .eyebrow,.detail-heading .eyebrow{margin-bottom:5px}.muted{color:#718078}.approval-list{gap:9px;display:grid}.approval-item{color:#53675d;text-align:left;width:100%;font:inherit;cursor:pointer;background:#fbfdfb;border:1px solid #e3ebe7;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:15px 16px;transition:border-color .15s,background .15s;display:flex}.approval-item:hover,.approval-item:focus-visible{background:#f3faf5;border-color:#83b99a;outline:none}.approval-item-main,.approval-item-side{gap:4px;display:grid}.approval-item-main strong{color:#18332d}.approval-item-side{text-align:right;font-size:13px}.approval-item-side strong,.text-link{color:#26734f}.approval-detail{border-top:1px solid #e8eeea;margin-top:20px;padding-top:20px}.detail-heading{align-items:flex-start;margin-bottom:16px}.detail-heading h3{margin:0;font-size:19px}.status-pill{color:#795b1d;background:#fff4d9;border-radius:99px;padding:5px 10px;font-size:13px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;display:grid}.detail-grid>div{min-width:0}.detail-grid dt{color:#718078;font-size:13px}.detail-grid dd{color:#263d33;overflow-wrap:anywhere;margin:3px 0 0}.detail-wide{grid-column:1/-1}.approval-history{margin-top:20px}.approval-history h4{margin:0 0 8px}.approval-history ol{gap:8px;margin:0;padding-left:22px;display:grid}.history-item{color:#52665d;padding-left:3px}.history-item>span{display:block}.history-item>span+span{margin-top:3px;font-size:13px}.history-item p{color:#18332d;margin:5px 0 0}.decision-form{margin-top:18px}.decision-form label{color:#465b51;margin-bottom:7px;display:block}.decision-form textarea{width:100%;font:inherit;resize:vertical;border:1px solid #d8e2dc;border-radius:9px;padding:11px 12px}.decision-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.decision-button{color:#fff;font:inherit;cursor:pointer;border:0;border-radius:9px;padding:10px 15px}.decision-button:disabled{opacity:.6;cursor:wait}.approve-button{background:#26734f}.reject-button{background:#a74343}.return-button{background:#9a7125}.error-message{color:#a74343}@media (width<=650px){.app-header,.form-row{flex-direction:column;align-items:stretch}.account{justify-content:space-between}.approval-item{align-items:flex-start}.approval-item-side{max-width:42%}.section-heading{align-items:flex-start}.detail-grid{grid-template-columns:1fr}.detail-wide{grid-column:auto}}