:root{--navy:#132a35;--teal:#087f78;--teal-soft:#e7f5f1;--ink:#233b46;--muted:#71808a;--border:#e3e8ea;--bg:#f5f7f8}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Tahoma,Leelawadee UI,Noto Sans Thai,Arial,sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,p{margin-top:0}h1{letter-spacing:-.6px;margin-bottom:8px;font-size:30px;line-height:1.4}h2{margin-bottom:12px;font-size:17px;line-height:1.5}p{margin-bottom:12px}small{font-size:11px}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce3e6;border-radius:8px;min-height:42px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:2px solid #b9e0db}textarea{resize:vertical}label{margin-bottom:16px;font-size:13px;font-weight:600;display:block}label input,label select,label textarea{margin-top:6px;display:block}fieldset{border:1px solid var(--border);border-radius:8px;margin:0 0 16px;padding:15px}legend{color:var(--muted);font-size:12px}.check{align-items:center;gap:10px;margin:12px 0;font-weight:400;display:flex}.check input{width:17px;min-height:17px;accent-color:var(--teal);margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#b9cbd0;z-index:30;flex-direction:column;width:238px;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:12px;font-size:17px;font-weight:700;line-height:1.4;display:flex}.brand small{letter-spacing:.2px;color:#8faab3;margin-top:5px;font-size:10px;font-weight:400;display:block}.brand-logo{object-fit:contain;flex-shrink:0;width:56px;height:56px}.login-story .brand-logo{width:88px;height:88px}.nav-label{color:#78949f;letter-spacing:1px;margin:38px 13px 14px;font-size:10px}.sidebar nav{gap:7px;display:grid}.sidebar nav a{border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.sidebar nav a:hover{color:#fff;background:#203d48}.sidebar nav a.active{color:#d8fff5;background:#1c514f;box-shadow:inset 3px 0 #48c3aa}.count{background:#348c7f;border-radius:8px;margin-left:auto;padding:0 6px;font-size:10px}.sidebar-footer{border-top:1px solid #29424c;margin-top:auto;padding:20px 10px 0;font-size:11px}.sidebar-footer small{color:#78949f;margin-top:5px;margin-left:15px;display:block}.online-dot{background:#37b791;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.workspace{flex-direction:column;flex:1;min-width:0;margin-left:238px;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 34px;display:flex}.topbar-left,.topbar-actions{align-items:center;gap:20px;display:flex}.topbar-title{color:var(--muted);font-size:12px}.separator{color:#cad2d5;margin:0 13px}.profile{border-left:1px solid var(--border);align-items:center;gap:10px;padding-left:20px;display:flex}.avatar{color:#317363;background:#e6f0eb;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.profile strong{font-size:12px;display:block}.profile small{color:var(--muted);font-size:10px;display:block}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{background:#eff3f4}.sound-button{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.sound-button.enabled{color:var(--teal);background:var(--teal-soft);border-color:#c7e6dd}.notification-button{display:flex;position:relative}.notification-button i{background:#e59c46;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}.main{flex:1;width:100%;max-width:1900px;margin:0 auto;padding:34px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:var(--teal);letter-spacing:1.7px;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.page-heading p{color:var(--muted);margin:0;font-size:13px}.heading-actions{align-items:center;gap:10px;display:flex}.button{white-space:nowrap;background:#fff;border:1px solid #d8e1e4;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex}.button:hover{background:#f0f5f4}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.primary:hover{background:#066c66}.button.danger{color:#a64848;background:snow;border-color:#efd6d6}.full{width:100%}.panel{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:22px;overflow:hidden;box-shadow:0 2px 4px #17343c03}.panel-heading{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:center;gap:12px;padding:21px 24px;display:flex}.panel-heading h2{margin:0}.pill{color:var(--muted);background:#f0f4f5;border-radius:6px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:400;display:inline-block}.muted{color:var(--muted);font-size:12px}.info-strip{color:#4c7066;background:#eef6f3;border:1px solid #dce9e6;border-radius:8px;align-items:center;gap:5px;margin-bottom:23px;padding:12px 16px;font-size:12px;display:flex}.info-strip .muted{margin-left:auto;font-size:11px}.filters{border-bottom:1px solid #edf0f1;flex-wrap:wrap;gap:10px;padding:18px 24px;display:flex}.filters select{width:auto;min-width:135px;max-width:190px;font-size:12px}.filters>input{width:140px;font-size:12px}.search-field{min-width:210px;color:var(--muted);background:#fff;border:1px solid #dce3e6;border-radius:8px;flex:1;align-items:center;padding-left:12px;display:flex}.search-field input{background:0 0;border:0;min-width:0;font-size:12px}.search-field input:focus{outline:none}.search-field:focus-within{outline:2px solid #b9e0db}.table-wrap{overflow:auto}.audit-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.branch-directory{overflow:hidden}.branch-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.branch-toolbar>span{color:var(--muted);white-space:nowrap;font-size:13px}.branch-toolbar .search-field{flex:0 400px}.branch-table{min-width:1250px}.branch-table thead{background:#fff}.branch-table th{padding:24px 14px;font-size:12px;font-weight:600;line-height:1.7}.branch-table td{color:#657580;padding:22px 14px;line-height:1.7}.branch-table th:first-child,.branch-table td:first-child{width:36px;padding-right:0}.branch-name{min-width:120px;font-weight:500;color:var(--ink)!important}.branch-address{white-space:pre-line;overflow-wrap:anywhere;min-width:210px;max-width:280px}.branch-phone{overflow-wrap:anywhere;min-width:120px}.branch-expand,.branch-edit{color:#6374df;cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.branch-expand{border:0;width:28px;height:32px}.branch-edit{border:1px solid #b9c1f4;border-radius:50%;width:34px;height:34px}.branch-edit:hover{background:#edf0ff}.branch-state{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.branch-state>span{background:#14b890;border-radius:50%;width:9px;height:9px}.branch-state.is-inactive>span{background:#a4afb7}.branch-detail td{background:#f7fafc;padding-left:55px!important}.branch-detail p{white-space:pre-line;margin:5px 0}.branch-form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.branch-form-address{grid-column:1/-1}@media (max-width:600px){.branch-toolbar{flex-wrap:wrap;gap:12px;padding:16px}.branch-toolbar .search-field{flex-basis:100%}.branch-form-grid{grid-template-columns:1fr}}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}thead{color:#7a8990;background:#fafbfc}th{white-space:nowrap;border-bottom:1px solid var(--border);padding:14px 18px;font-size:11px;font-weight:400}td{vertical-align:middle;border-bottom:1px solid #edf0f1;padding:19px 18px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfc}td strong{font-weight:600;display:block}td small{color:var(--muted);overflow-wrap:anywhere;max-width:200px;margin-top:4px;font-size:10px;display:block}.right{text-align:right}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.status{color:#60737e;white-space:nowrap;background:#f1f3f4;border-radius:6px;align-items:center;padding:4px 9px;font-size:10px;display:inline-flex}.status-PENDING{color:#a5751f;background:#fff4dc}.status-IN_REVIEW{color:#4772a5;background:#e8effb}.status-APPROVED{color:#27815a;background:#e5f5ec}.status-REJECTED{color:#b25c5c;background:#fbe9e9}.status-NEEDS_REVISION{color:#b3793b;background:#fff0df}.time{white-space:nowrap;color:#78868d;align-items:center;gap:5px;display:inline-flex}.row-link{border:1px solid var(--border);width:30px;height:30px;color:var(--teal);border-radius:7px;place-items:center;display:grid}.pager{color:var(--muted);border-top:1px solid #edf0f1;justify-content:space-between;padding:17px 24px;font-size:11px;display:flex}.pager>div{align-items:center;gap:12px;display:flex}.empty{color:#8b9aa0;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty strong{color:#627983;font-size:14px}.empty span{font-size:12px}.error{color:#a84343;background:#fff0f0;border:1px solid #efcece;border-radius:8px;margin:12px 0;padding:12px 16px;font-size:13px}.workspace-footer{color:#8a9a9f;justify-content:space-between;padding:12px 34px 24px;font-size:10px;display:flex}.mobile-menu{display:none}.back-link{color:var(--muted);margin-bottom:22px;font-size:12px;display:block}.detail-grid{grid-template-columns:minmax(0,1fr) 330px;gap:22px;display:grid}.details{grid-template-columns:1fr 1fr;gap:0 28px;margin:0;padding:8px 24px 20px;display:grid}.details>div{border-bottom:1px solid #edf0f1;padding:18px 0}.details dt{color:var(--muted);margin-bottom:6px;font-size:11px}.details dd{overflow-wrap:anywhere;margin:0;font-size:14px}.decision-panel,.timing-panel{padding:24px}.decision-panel .button{margin-top:10px}.lock-note{color:#597a70;background:#f2f6f5;border-radius:8px;gap:10px;padding:15px;font-size:12px;display:flex}.timing-panel>div{border-bottom:1px solid #eef1f2;justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.timing-panel>div strong{color:var(--teal)}.timing-panel>small{color:var(--muted);margin-top:15px;line-height:1.8;display:block}.mini-dates{color:var(--muted);grid-template-columns:60px 1fr;margin:15px 0 0;font-size:10px;display:grid}.mini-dates dd{margin:0}.reason{background:#f9fbfa;padding:16px 24px;font-size:12px}.reason p{white-space:pre-wrap;margin:7px 0 0}.timeline{padding:24px}.timeline>div{gap:16px;padding-bottom:25px;display:flex;position:relative}.timeline>div:last-child{padding-bottom:0}.timeline-dot{background:#8db4a7;border-radius:50%;flex:none;width:9px;height:9px;margin-top:7px}.timeline strong{font-size:12px}.timeline p{color:var(--muted);white-space:pre-wrap;margin:4px 0;font-size:12px}.timeline small{color:#91a0a7}.branch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.branch-card{padding:24px}.branch-icon{color:var(--teal);background:#edf5f0;border-radius:11px;margin-bottom:20px;padding:12px;display:inline-flex}.branch-card p{color:var(--muted);font-size:12px}.branch-card>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;display:flex}.text-button{color:var(--teal);background:0 0;border:0;padding:5px;font-size:12px}.text-link{color:var(--teal)}dialog{border:1px solid var(--border);width:min(520px,100vw - 32px);max-height:85vh;color:var(--ink);border-radius:14px;padding:24px;box-shadow:0 20px 100px #102c3b40}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#132b3b66}.dialog-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-title h2{margin:0}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.field-help{color:var(--muted);margin-top:-8px;font-size:11px}.notification-list>div{border-bottom:1px solid #edf0f1;gap:14px;padding:20px 24px;display:flex}.notification-list .unread{background:#f2faf7}.notice-icon{color:var(--teal);background:#e2f0ea;border-radius:9px;height:38px;padding:9px}.notification-list strong{font-size:13px}.notification-list p{color:var(--muted);margin:4px 0;font-size:12px}.notification-list small{color:#91a0a5}.notification-list a{color:var(--teal);margin-top:7px;font-size:11px;display:block}.notification-list .icon-button{align-self:flex-start;margin-left:auto}.notification-rules{margin:0;padding:0;list-style:none}.notification-rules li{border-bottom:1px solid var(--border);padding:14px 0;font-size:12px}.notification-rules strong,.notification-rules span{display:block}.notification-rules span{color:var(--muted);margin-top:4px}.audit-detail{overflow-wrap:anywhere;max-width:340px}.toast-stack{z-index:90;gap:12px;width:360px;max-width:calc(100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.toast{border:1px solid #beded0;border-left:4px solid var(--teal);color:var(--teal);background:#fff;border-radius:10px;gap:12px;padding:18px;display:flex;box-shadow:0 8px 35px #132b3b22}.toast strong{color:var(--ink);font-size:13px}.toast p{color:var(--muted);margin:3px 0;font-size:12px}.toast a{font-size:11px}.toast .icon-button{align-self:flex-start;margin-left:auto}.boot{height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;padding:48px 65px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #33585b;border-radius:50%;width:450px;height:450px;position:absolute;bottom:70px;right:-180px;box-shadow:0 0 0 80px #33585b18,0 0 0 160px #33585b10}.login-story>.brand,.login-story>div,.login-story>small{z-index:1;position:relative}.login-story h1{margin:15px 0 22px;font-size:45px;font-weight:600;line-height:1.65}.login-story p{color:#a6bbc3;font-size:15px;line-height:2}.login-story .eyebrow{color:#6dceba}.login-story>small{color:#76939f}.login-steps{color:#88b4b3;gap:20px;margin-top:35px;font-size:11px;display:flex}.login-form{justify-content:center;align-items:center;padding:45px;display:flex}.login-form form{width:360px;max-width:100%}.login-form h2{margin-bottom:10px;font-size:28px}.login-form p{color:var(--muted);margin-bottom:30px;font-size:13px}.login-form .button{height:46px;margin-top:12px}.login-help{text-align:center;color:var(--muted);margin-top:24px;display:block}@media (min-width:1500px){.main{padding:42px 44px}.request-table td{padding:22px 20px}}@media (max-width:1150px){.sidebar{width:210px}.workspace{margin-left:210px}.main{padding:26px}.topbar{padding:0 26px}.sound-button span{display:none}.detail-grid{grid-template-columns:minmax(0,1fr) 290px}.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-strip .muted{display:none}.login-story{padding:40px}.login-story h1{font-size:36px}}@media (max-width:800px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:29;background:#132b3b66;border:0;position:fixed;inset:0}.workspace{margin-left:0}.mobile-menu{display:flex}.topbar{height:70px;padding:0 18px}.topbar-left,.topbar-actions{gap:12px}.topbar-title{display:none}.profile{padding-left:10px}.profile>div{display:none}.main{padding:24px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.button{padding:9px 12px}.detail-grid{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr}.workspace-footer{padding:12px 18px}.workspace-footer span{display:none}.filters{padding:15px}.filters .search-field{flex-basis:100%}.filters select{flex:1;min-width:120px;max-width:none}.filters>input{flex:1;min-width:120px}.panel-heading{padding:18px}.login-page{grid-template-columns:1fr}.login-story{min-height:330px;padding:28px}.login-story h1{margin:25px 0 12px;font-size:28px;line-height:1.5}.login-story p{font-size:12px}.login-story>small,.login-steps,.login-story h1 br{display:none}.login-form{padding:38px 24px}.login-story:after{bottom:-150px}.notification-list>div{padding:18px}.branch-grid{gap:14px}.branch-card{padding:19px}.info-strip{font-size:11px}}@media (max-width:480px){.page-heading{flex-direction:column;gap:15px}.heading-actions{width:100%}.branch-grid,.details{grid-template-columns:1fr}.topbar-actions{gap:9px}.sound-button{padding:7px}.panel-heading .muted{display:none}.login-story .eyebrow{font-size:8px}.login-story h1{font-size:25px}.toast-stack{bottom:16px;right:16px}}.delivery-status{color:var(--muted);padding-top:18px;font-size:11px}.delivery-status>strong{color:var(--ink);margin-bottom:10px;display:block}.delivery-status>div{justify-content:space-between;padding:5px 0;display:flex}.request-number{white-space:nowrap;font-variant-numeric:tabular-nums}.line-setup-grid{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px;display:grid}.line-step-heading{border-bottom:1px solid #edf0f1;align-items:flex-start;gap:16px;padding:24px;display:flex}.line-step-heading>span{width:34px;height:34px;color:var(--teal);background:#e6f4ef;border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.line-step-heading h2{margin:0 0 4px}.line-step-heading p{color:var(--muted);margin:0;font-size:12px}.line-step-body{padding:24px}.line-portal-links,.line-button-row{flex-wrap:wrap;gap:10px;display:flex}.line-portal-links .button{padding:9px 12px;font-size:11px}.line-instructions{color:#526b75;margin:22px 0;padding-left:20px;font-size:12px}.line-instructions li{padding:6px 0}.line-note{color:var(--muted);margin:16px 0 0;font-size:11px;line-height:1.9}.line-form-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.line-config-state{color:var(--muted);align-items:center;gap:8px;padding-top:15px;font-size:11px;display:flex}.line-step-body label>.status{margin-left:6px;padding:2px 6px;font-size:9px}.line-copy-field{gap:10px;margin-top:6px;display:flex}.line-copy-field input{min-width:0;margin:0;font-family:monospace;font-size:11px}.line-warning{color:#96702e;background:#fff8e9;border:1px solid #eedab7;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:12px}.line-success{color:#317859;background:#edf8f1;border:1px solid #cce2d7;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:22px;padding:15px 18px;font-size:12px;display:flex}.line-success>svg{flex:none;margin-top:2px}.line-bot-result{flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:12px;display:flex}.line-bot-result a{align-items:center;gap:5px;display:inline-flex}.line-webhook-result{overflow-wrap:anywhere;margin:8px 0 0;font-size:11px}.line-activity dl{margin:0;padding:20px 24px}.line-activity dt{color:var(--muted);margin-bottom:5px;font-size:10px}.line-activity dd{overflow-wrap:anywhere;margin:0 0 15px;font-size:12px}.line-activity-footer{color:var(--muted);border-top:1px solid var(--border);background:#fafcfc;padding:12px 24px;font-size:10px}@media (max-width:1150px){.line-setup-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.line-form-pair{grid-template-columns:1fr}.line-config-state{padding:0 0 12px}}@media (max-width:950px){.line-setup-grid{grid-template-columns:1fr}.line-setup-grid>aside{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.line-activity{grid-column:1/-1}}@media (max-width:580px){.line-setup-grid>aside{display:block}.line-step-heading,.line-step-body{padding:19px}.line-copy-field{flex-wrap:wrap}.line-copy-field input{flex-basis:100%}.line-button-row .button{width:100%}}