:root{--alf:#1bbd36;--deep:#125b34;--ink:#23342b;--muted:#78847d;--line:#e7ede8;--paper:#f5f8f5;--bs-primary:#198b37;--bs-body-font-family:Sarabun,system-ui,sans-serif}body{background:var(--paper);color:var(--ink);font-size:15px}a{color:#137832;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:white;border-right:1px solid var(--line);padding:30px 20px;z-index:1040;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;line-height:1.3}.brand img{width:43px;height:48px;object-fit:contain}.brand strong{color:#159835}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.nav-caption{font-size:11px;letter-spacing:1px;color:#97a398;margin:50px 15px 14px}.sidebar nav a{display:flex;align-items:center;gap:14px;color:#66736b;padding:14px 17px;border-radius:9px;margin-bottom:7px}.sidebar nav a span{font-size:22px;line-height:1}.sidebar nav a:hover,.sidebar nav a.active{background:#eaf6ed;color:#147d32}.sidebar nav a.active{font-weight:600}.sidebar-note{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px;font-size:11px;color:#68796d}.sidebar-note p{margin:12px 0 0;line-height:1.8;color:#8b978e}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--alf);margin-right:4px}.workspace{margin-left:250px}.topbar{height:83px;padding:0 40px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px}.user-menu{display:flex;align-items:center;gap:12px}.user-menu small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.avatar,.person-avatar{display:grid;place-items:center;width:38px;height:38px;background:#e6f1e8;border-radius:50%;color:#318249}.mobile-menu{display:none}main{padding:34px 40px;max-width:1680px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:16px}h1{font-size:27px;font-weight:600;margin:8px 0 10px}h2{font-size:19px;font-weight:600}h3{font-size:15px}.eyebrow{font-size:10px;letter-spacing:2px;color:#748b79}.muted{color:var(--muted)}.page-heading p{margin:0;font-size:13px}.btn{font-size:13px;border-radius:7px;padding:10px 16px}.btn-sm{padding:6px 11px;font-size:12px}.btn-primary{--bs-btn-bg:#198b37;--bs-btn-border-color:#198b37;--bs-btn-hover-bg:#126c2b;--bs-btn-hover-border-color:#126c2b;--bs-btn-active-bg:#126c2b;--bs-btn-active-border-color:#126c2b}.welcome-banner{padding:30px 35px;background:linear-gradient(110deg,#e7f3e6,#f0f7e9);border:1px solid #deebdd;border-radius:14px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.welcome-banner h2{font-size:27px;margin:15px 0 10px}.welcome-banner p{font-size:13px;color:#66816b}.welcome-banner a{display:inline-block;font-size:13px;font-weight:600;margin-top:8px}.section-tag{font-size:10px;letter-spacing:1px;color:#298a43;background:#eaf5ec;padding:6px 10px;border-radius:5px}.banner-mark{font-size:90px;font-weight:700;letter-spacing:8px;color:#c5ddc5;padding:0 35px;transform:rotate(-7deg)}.banner-mark span{display:block;font-size:11px;letter-spacing:3px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:32px}.stat{position:relative;background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.stat p{font-size:12px;color:var(--muted);margin-bottom:12px}.stat strong{display:block;font-size:32px;font-weight:600}.stat small{font-size:11px;color:#8c978e}.stat-icon{position:absolute;right:18px;top:17px;color:#2d9a4b;font-size:21px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-heading h2{margin:0}.section-heading>.muted{font-size:12px}.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.branch-card{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:10px;padding:20px 16px;color:var(--ink)}.branch-card:hover{border-color:#9acd9f}.branch-number{color:#9fbba3;font-size:14px}.branch-card h3{font-size:12px;margin-bottom:5px}.branch-card small{font-size:10px}.branch-card strong{margin-left:auto;font-size:25px;color:#238740}.branch-card strong small{display:block;font-size:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:24px}.filter-bar{display:flex;gap:10px;margin:22px 0}.filter-bar .form-select{width:190px}.search-box{flex:1}.form-control,.form-select{font-size:14px;min-height:43px;border-color:#dce5de}.form-control:focus,.form-select:focus{border-color:#77bd84;box-shadow:0 0 0 .2rem #1bbd3615}.form-label{font-size:13px;color:#58685c}.table{font-size:13px;--bs-table-border-color:#edf1ed}.table thead th{background:#f7faf7;font-size:11px;color:#758378;font-weight:500;padding:13px 10px}.table td{padding:15px 10px}.person-cell{display:flex;align-items:center;gap:12px}.person-cell strong{font-weight:500}.person-avatar{font-size:13px;width:34px;height:34px;flex-shrink:0}.badge{font-weight:400;padding:7px 10px;border-radius:5px;font-size:10px}.badge-current{background:#e9f6ec;color:#22863a}.badge-out{background:#f0f1f1;color:#7c8580}.pagination-bar{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:16px}.empty-state{text-align:center;padding:60px!important;color:var(--muted)}footer{font-size:10px;color:#97a099;padding:22px 0;display:flex;justify-content:space-between}.profile-summary{display:flex;gap:24px;align-items:center}.profile-photo{width:100px;height:110px;object-fit:cover;border-radius:10px;background:#eaf3eb}.profile-summary dl{display:flex;gap:25px;margin:16px 0 0}.profile-summary dt{font-size:11px;color:var(--muted);font-weight:400}.profile-summary dd{font-size:14px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.record{border-bottom:1px solid var(--line);padding:15px 0;overflow-wrap:anywhere}.record small{color:var(--muted)}.record p{white-space:pre-wrap;margin-top:8px}.tab-pane{padding-top:22px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f1f6f0}.login-shell{display:grid;grid-template-columns:1fr 1fr;width:min(980px,100%);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 60px #1639230c;padding:0;min-height:600px}.login-story{background:linear-gradient(145deg,#e8f4e8,#d6ebd3);padding:45px;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:35px;line-height:1.6;color:#1b5330}.login-story p{line-height:1.9;color:#61836a;font-size:14px}.login-story small{font-size:11px;color:#63806b}.login-form{padding:70px 50px;align-self:center}.login-form h2{font-size:27px;margin-top:20px}.login-form>.muted{font-size:13px;margin:14px 0 32px}.login-help{text-align:center;color:#7a897e;font-size:12px;margin:25px 0}.login-form>small{display:block;text-align:center;font-size:10px}.long-text{white-space:pre-wrap;overflow-wrap:anywhere}.danger-zone{border-color:#efd9d9}.report-only{display:none}@media(min-width:1001px){.sidebar.collapse{display:flex!important}}@media(max-width:1200px){main{padding:25px}.topbar{padding:0 25px}.stats-grid{gap:10px}.branch-grid{grid-template-columns:1fr}.banner-mark{font-size:65px;padding:0}.filter-bar{flex-wrap:wrap}.search-box{min-width:200px}}@media(max-width:1000px){.sidebar{display:none;top:75px;width:240px;box-shadow:10px 10px 30px #0001}.sidebar.show{display:flex}.workspace{margin-left:0}.mobile-menu{display:block}.topbar{gap:12px}.topbar>div:nth-child(2){display:none}}@media(max-width:650px){main{padding:22px 16px}.topbar{padding:0 16px;height:75px}.user-menu{gap:7px}.user-menu .avatar{display:none}.page-heading{align-items:flex-start}h1{font-size:22px}.page-heading .btn{padding:9px;font-size:11px}.welcome-banner{padding:25px}.welcome-banner h2{font-size:22px}.banner-mark{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:17px}.stat p{max-width:80%;min-height:35px}.stat strong{font-size:28px}.panel{padding:17px}.filter-bar .form-select{flex:1;min-width:130px}.search-box{flex-basis:100%}.record-grid{grid-template-columns:1fr}.profile-summary{flex-wrap:wrap}.profile-summary dl{flex-wrap:wrap}.login-shell{grid-template-columns:1fr}.login-story{padding:27px;min-height:240px}.login-story h1{font-size:25px}.login-story>img,.login-story small{display:none}.login-form{padding:35px 27px}.section-heading{flex-wrap:wrap}footer{gap:12px;flex-wrap:wrap}}@media print{.no-print,.sidebar,.topbar,.welcome-banner,.stats-grid,.branch-grid,.nav-tabs,footer{display:none!important}.workspace{margin:0}body{background:white;font-size:10pt}main{max-width:none;padding:0}.panel{border:0;padding:0;break-inside:auto}.table{font-size:9pt}.table td{padding:8px 5px}thead{display:table-header-group}tr{break-inside:avoid}a{color:inherit}h1{font-size:20pt}.page-heading{margin:12px 0}.report-only{display:block}.table-responsive{overflow:visible}.tab-pane{display:block!important;opacity:1!important}}

.table-responsive{position:relative}.workspace,main,.panel{min-width:0}@media(max-width:650px){.table{min-width:680px}.page-heading>div:first-child{min-width:0}.page-heading>div:last-child{flex-shrink:0}}