:root{font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;color:#17243a;background:#f5f8fc;line-height:1.55;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#1466aa;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.3;letter-spacing:-.7px}h2{font-size:19px;line-height:1.4}h3{font-size:15px}small{color:#78859a}ul{padding-left:20px}.muted{color:#78859a}.preload{margin:30vh auto;text-align:center;font-size:32px;font-weight:850;color:#155e75}.preload span{display:block;font-size:15px;font-weight:400;color:#64748b}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-panel{padding:clamp(36px,6vw,120px);background:#0b2d42;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:24px;position:relative;overflow:hidden}.auth-panel:after{content:"";position:absolute;right:-170px;bottom:-180px;width:450px;height:450px;border:60px solid #15b8a6;border-radius:50%;opacity:.15}.auth-panel h1{font-size:clamp(32px,4vw,57px);max-width:540px}.auth-panel p{max-width:550px;line-height:1.9;color:#b6d0de;font-size:16px}.logo{font-size:24px;font-weight:900;letter-spacing:1px;color:#118b82}.logo span{font-size:12px;letter-spacing:0;color:#587286;font-weight:650}.auth-panel .logo{color:#5ee4c5}.auth-panel .logo span{color:#adcbd8}.auth-form{display:flex;align-items:center;justify-content:center;padding:30px}.auth-card{width:min(100%,430px)}.auth-card h2{font-size:26px;margin:12px 0}.auth-card .subtitle{margin-bottom:26px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field label{font-size:12px;font-weight:750;color:#4b5b72}.field input,.field select,.field textarea,select,input[type=file]{width:100%;border:1px solid #dbe3ed;border-radius:10px;padding:11px 12px;background:#fff;outline:none;color:#23334b;min-height:42px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#149e92;box-shadow:0 0 0 3px #14b8a61f}.field textarea{min-height:90px;resize:vertical}.field input[type=file]{padding:8px}.btn{background:#137f79;color:#fff;border:1px solid #137f79;border-radius:10px;padding:10px 15px;font-weight:700;min-height:38px;transition:.15s ease}.btn:hover{background:#0b6866}.btn.secondary{background:#fff;color:#27536c;border:1px solid #d6e3eb}.btn.secondary:hover{background:#edf8fa}.btn.warn{background:#fff5ee;border:1px solid #eacbb4;color:#9b550c}.btn.mini{padding:5px 10px;font-size:12px;min-height:29px}.btn:disabled{opacity:.5;cursor:not-allowed}.full{width:100%}.switch{margin-top:20px;text-align:center;color:#617184}.linkish{color:#0c827c;background:none;border:0;padding:0;font-weight:750}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#0c2b3e;color:#a9c1ce;position:sticky;top:0;height:100vh;padding:28px 17px;display:flex;flex-direction:column;gap:24px}.sidebar .logo{color:#6debd1;padding:0 13px}.sidebar .logo span{display:block;color:#b7c9d3}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:0;background:none;color:#a9c1ce;text-align:left;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:10px;font-weight:650}.nav button:hover{background:#1c4356;color:white}.nav button.active{background:#1b5f67;color:#e1fffd}.nav button .emoji{font-size:17px;min-width:20px}.side-bottom{margin-top:auto;border-top:1px solid #34556a;padding:19px 10px 0}.side-bottom .account{font-size:13px;font-weight:700;color:#fff;word-break:break-word}.side-bottom .muted{font-size:11px;color:#89abbc}.main-shell{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e4eaf0;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,3vw,38px);gap:16px}.topbar .breadcrumb{font-size:13px;color:#8191a3;font-weight:650}.topbar .right{display:flex;align-items:center;gap:9px}.topbar select{border:1px solid #d7e3e9;border-radius:9px;padding:8px 11px;max-width:210px}.container{padding:29px clamp(15px,3vw,40px) 75px;max-width:1510px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{margin-top:7px;color:#76859a}.tag{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700;background:#edf3f8;color:#526276}.tag.ACTIVE,.tag.APPROVED,.tag.RECONCILED,.tag.WON{background:#d9f7e7;color:#116f49}.tag.PENDING,.tag.IN_REVIEW,.tag.SELECTED,.tag.SUBMITTED,.tag.PAYMENT_REPORTED{background:#fff1d8;color:#9b6212}.tag.REVISION,.tag.REJECTED,.tag.DISPUTED{background:#ffe5e4;color:#a93e36}.tag.OFFERED,.tag.APPLIED{background:#e7efff;color:#346bb1}.cards{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:14px;margin-bottom:23px}.stat{background:#fff;border:1px solid #e3ebf3;border-radius:15px;padding:19px;box-shadow:0 3px 18px #15406608}.stat .label{font-size:12px;color:#78889a;font-weight:650}.stat .number{font-size:25px;font-weight:850;margin-top:6px;letter-spacing:-.5px}.stat .detail{font-size:11px;color:#10897e;margin-top:3px}.card{background:#fff;border:1px solid #e1e9f1;border-radius:16px;box-shadow:0 4px 20px #214b6507;padding:22px;margin-bottom:17px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.card-head p{font-size:12px;color:#8491a1}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.cols.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.form-grid .wide{grid-column:1/-1}.table-wrap{overflow:auto;border:1px solid #e7edf3;border-radius:11px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#f7f9fc;color:#526479;font-weight:750;white-space:nowrap}th,td{padding:12px 13px;border-bottom:1px solid #edf0f5;vertical-align:top}tr:last-child td{border-bottom:0}td .actions{display:flex;flex-wrap:wrap;gap:5px}code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f0f5f8;padding:4px 6px;border-radius:6px;white-space:nowrap}p.hint{color:#8092a3;font-size:12px;margin:7px 0 15px}.notice{padding:13px 16px;background:#eaf7f3;border-left:3px solid #12a292;color:#255f5c;border-radius:7px;font-size:13px;margin-bottom:18px}.notice.warning{background:#fff8e9;color:#825b19;border-color:#e7af4b}.empty{text-align:center;color:#90a0ac;padding:30px}.toast{position:fixed;bottom:24px;right:24px;z-index:100;padding:15px 19px;background:#123c51;color:#fff;border-radius:12px;box-shadow:0 12px 45px #18324755;max-width:min(500px,95vw);line-height:1.55}.toast.error{background:#a73f37}.form-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.bullet{font-size:12px;color:#7f8d9c}.divider{height:1px;background:#e7edf3;margin:20px 0}.status-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.pill{border-radius:100px;background:#f3f6fa;border:1px solid #dfe7ef;padding:5px 9px;font-size:11px;font-weight:750;color:#526b7e}.subhead{margin-top:25px;margin-bottom:13px}.kicker{color:#128b83;font-weight:850;text-transform:uppercase;letter-spacing:1px;font-size:11px;margin-bottom:8px}.highlight{background:linear-gradient(120deg,#115369,#137e78);color:#fff;border:0}.highlight p{color:#c3eceb}.highlight .tag{background:#ffffff28;color:white}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.help-item{background:#f4f8fb;padding:15px;border-radius:11px}.help-item strong{display:block;margin-bottom:6px}.help-item span{color:#677d8d;font-size:12px}.small-number{color:#12aa97;font-size:23px;font-weight:800;line-height:1}.stack{display:grid;gap:10px}.item-card{border:1px solid #e5edf3;border-radius:11px;padding:14px}.item-card .title{font-weight:750;font-size:14px}.item-card .footer{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.item-card .desc{font-size:12px;color:#667b8e;white-space:pre-wrap;max-height:120px;overflow:auto;margin-top:7px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chip{font-size:11px;background:#eaf3f9;padding:4px 8px;border-radius:100px;color:#386078}.code-box{background:#0b2b3d;color:#a8f1e0;padding:14px;border-radius:10px;word-break:break-all;font:12px/1.5 ui-monospace,monospace}input[type=number]{font-variant-numeric:tabular-nums}@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}.cols.three{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:200px 1fr}.sidebar{padding:20px 10px}.auth-screen{grid-template-columns:1fr 1fr}.auth-panel{padding:40px}}@media(max-width:700px){.auth-screen{grid-template-columns:1fr}.auth-panel{min-height:240px;padding:30px}.auth-panel h1{font-size:27px}.auth-panel p{font-size:13px}.auth-form{padding:30px 18px}.app-shell{display:block}.sidebar{height:auto;position:static;padding:13px;gap:12px}.sidebar .logo{font-size:18px}.nav{flex-direction:row;overflow:auto}.nav button{flex:0 0 auto;padding:8px 10px;font-size:12px}.side-bottom{display:none}.topbar{padding:12px 16px}.container{padding:22px 14px}.cols,.cols.three,.help-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:13px}.stat .number{font-size:20px}.card{padding:15px}.page-head{display:block}}