:root{color:#19382f;font-synthesis:none;background:#f5f5ef;font-family:Noto Sans Thai,Tahoma,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#1b4e3f;border:1px solid #1b4e3f;border-radius:6px;padding:10px 17px;transition:background .15s}button:hover{background:#2e6957}button:disabled{opacity:.5;cursor:wait}.secondary{color:#254b3f;background:#fff;border-color:#d3ded6}.secondary:hover{background:#eaf0e9}.text-button{color:#255946;background:0 0;border:0;padding:8px}.danger{background:#9d382f;border-color:#9d382f}input,select,textarea{color:#183a30;background:#fff;border:1px solid #cdd8d0;border-radius:5px;width:100%;min-width:0;padding:10px 12px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #b4ceba}label{flex-direction:column;gap:7px;margin-bottom:14px;font-weight:500;display:flex}label small{color:#7f8c81;font-weight:400}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.5px;margin-bottom:6px;font-size:30px;line-height:1.5}h3{font-size:17px}p{line-height:1.75}.muted{color:#738177;font-size:13px}.eyebrow{letter-spacing:2px;color:#889a7d;font-size:11px;font-weight:700}.wordmark{letter-spacing:3px;font-family:Georgia,serif;font-size:23px}.wordmark span{letter-spacing:2.8px;margin-top:9px;font-family:Tahoma,sans-serif;font-size:9px;display:block}.app{min-height:100vh;display:flex}.sidebar{color:#f3f2e6;z-index:10;background:#173d32;flex-direction:column;flex-shrink:0;width:244px;padding:29px 17px 20px;display:flex;position:fixed;top:0;bottom:0}.sidebar .wordmark{padding:0 14px 26px}nav{flex:1;overflow-y:auto}nav button{text-align:left;color:#c3d4c8;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:9px 12px;font-size:13px;display:flex}nav button:hover{background:#235043}nav button.active{color:#143b2e;background:#dbe6d3;font-weight:600}.nav-number{opacity:.6;font-family:monospace;font-size:10px}.sidebar-footer{border-top:1px solid #3b5a4b;margin-top:12px;padding:17px 12px 0;font-size:12px}.sidebar-footer small{color:#adc3b1;margin:5px 0;display:block}.sidebar-footer button{color:#cee0d0;background:0 0;border:0;padding:4px 0}main{width:calc(100% - 244px);margin-left:244px}.topbar{color:#7a877b;background:#fff;border-bottom:1px solid #e0e5dd;justify-content:space-between;align-items:center;height:66px;padding:0 36px;font-size:12px;display:flex}.environment{letter-spacing:1.4px;color:#75866d;background:#eef3e9;border-radius:4px;padding:7px 10px;font-size:10px}.page-content{padding:32px 36px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading p{color:#778273;margin-bottom:0;font-size:13px}.panel{background:#fff;border:1px solid #e0e6db;border-radius:9px;margin-bottom:21px;padding:23px;box-shadow:0 3px 7px #20392f03}.metrics{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px;display:grid}.metric{background:#fff;border:1px solid #dce4d8;border-radius:8px;min-height:145px;padding:23px}.metric span{color:#788271;font-size:12px}.metric strong{margin:13px 0 8px;font-family:Georgia,Tahoma,serif;font-size:28px;font-weight:500;display:block}.metric small{color:#9aab8b;font-size:10px}.workflow{flex-wrap:wrap;align-items:center;gap:15px;padding:25px 0;display:flex}.workflow span{background:#f0f4ec;border:1px solid #dae3d3;border-radius:6px;padding:16px;font-size:12px}.workflow b{color:#a9b59f}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;display:grid}.action-buttons{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.tabs button{color:#788576;background:0 0;border-color:#0000;padding:7px 13px}.tabs button.active{color:#234a38;background:#e6eddf;border-color:#d6e0ce}.table-tools{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.table-tools input{width:170px}.table-tools input:first-child{flex:1;min-width:180px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;color:#85907e;background:#f5f7f0;border-top:1px solid #e9eee2;border-bottom:1px solid #e4e9df;padding:13px 10px;font-weight:500}td{text-overflow:ellipsis;border-bottom:1px solid #edf0e8;max-width:270px;padding:13px 10px;overflow:hidden}tbody tr{cursor:pointer}tbody tr:hover{background:#f4f8ef}.selected{background:#edf4e6}.badge{color:#5c7151;background:#edf1e8;border-radius:4px;padding:3px 8px;font-size:10px;display:inline-block}.badge.SOLD,.badge.PAID,.badge.SHIPPED,.badge.CONFIRMED{color:#3d7138;background:#e1efdf}.badge.CANCELLED,.badge.FAILED{color:#a44d43;background:#fae4e0}.badge.UNPAID,.badge.OPEN{color:#96772e;background:#fbefd8}.empty{text-align:center;color:#89977f;padding:45px}.error{color:#934233;background:#fff0ed;border-left:3px solid #ac4b3e;padding:12px}.success{color:#507141;background:#eef7e8;border-left:3px solid #648b4e;padding:12px}.live-bar{align-items:end;gap:15px;margin-bottom:22px;display:flex}.live-bar form{flex:1;align-items:end;gap:12px;display:flex}.live-bar label{flex:1;margin:0}.live-bar input{font-size:17px}.product-summary{background:#eef4e8;border-radius:6px;justify-content:space-between;gap:10px;margin:15px 0 22px;padding:18px;display:flex}.allocation{align-items:center;gap:15px;margin:10px 0;display:flex}.allocation label{flex:1}.section-heading{justify-content:space-between;display:flex}dl{grid-template-columns:180px 1fr;gap:10px;display:grid}dt{color:#7b8972}dd{overflow-wrap:anywhere;margin:0}footer{color:#9aaa91;letter-spacing:.5px;padding:25px 0;font-size:10px}.menu-button{display:none}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.brand-panel{color:#eed;background:#193f34;flex-direction:column;justify-content:center;padding:65px 10%;display:flex;position:relative;overflow:hidden}.brand-panel h1{margin-top:80px;font-size:43px;font-weight:500;line-height:1.7}.brand-panel p{color:#bbcbbb}.stone{color:#7e927b;opacity:.18;font-size:240px;position:absolute;bottom:0;right:-30px;transform:rotate(20deg)}.login-form{width:100%;max-width:410px;margin:auto;padding:65px 25px}.login-form h2{margin-top:14px;font-size:27px}.login-form form{margin-top:30px}.login-form form>button{width:100%;margin-top:5px}.login-form .environment{margin-top:45px;display:inline-block}.loading{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.loading p{max-width:650px}button:focus-visible{outline-offset:2px;outline:3px solid #b3c49e}@media (width<=1200px){.metrics{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:25px}.topbar{padding:0 25px}}@media (width<=800px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}main{width:100%;margin-left:0}.menu-button{display:inline-block}.topbar{padding:0 16px}.page-content{padding:20px 16px}.page-heading{align-items:start}h1{font-size:25px}.form-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{min-height:125px;padding:18px}.metric strong{font-size:25px}.panel{padding:17px}.live-bar,.live-bar form{flex-wrap:wrap}.live-bar form{min-width:100%}.allocation{flex-wrap:wrap}.allocation label{min-width:100%}.login{grid-template-columns:1fr}.brand-panel{min-height:270px;padding:35px}.brand-panel h1{margin-top:25px;font-size:25px}.brand-panel p{margin:0}.login-form{padding:35px 25px}.product-summary{flex-direction:column}.table-tools input{width:120px}.topbar>span:first-of-type{display:none}}