:root{font-family:Inter,"Noto Sans Thai",system-ui,sans-serif;color:#1f3433;background:#f3f6f5;font-size:15px;--green:#176752;--muted:#72827d;--line:#dfe8e3}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:244px;background:#102f29;color:#c9d8d2;padding:34px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{font-size:29px;text-decoration:none;color:#c8edb8;letter-spacing:-1px}.brand b{color:white;margin-left:10px}.brand span{font-weight:300;color:#bdd4ca;margin-left:4px}.workspace{font-size:9px;letter-spacing:2px;margin:18px 0 42px;color:#86aaa0}nav{display:grid;gap:9px}button{font:inherit;cursor:pointer;border:0;border-radius:9px;background:var(--green);color:white;padding:12px 19px;min-height:44px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}nav button{background:transparent;text-align:left;color:#adc5bb;font-size:14px;padding:14px}nav button.selected{background:#2b483d;color:#d7efbd;border-left:3px solid #c9ecac}.sidebar-bottom{margin-top:auto;font-size:12px;line-height:2.2}.sidebar-bottom a{display:block;color:#9ab7aa;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c9ecac;margin-right:5px}main{margin-left:244px;padding:40px 44px;width:calc(100% - 244px);max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#81968a}h1{font-size:30px;margin:9px 0 5px;font-weight:650;letter-spacing:-1px}p{color:#6e8078;line-height:1.8;font-size:14px}header p{margin:0}h2{font-size:18px;font-weight:650;margin:0 0 14px}.secondary{background:#fff;color:#476157;border:1px solid var(--line)}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:26px;margin-bottom:24px}.login{max-width:480px;margin:60px auto}.login h2{font-size:28px;margin-top:14px}.login small{display:block;margin-top:20px;color:#809187}label{display:grid;gap:8px;font-size:13px;color:#52675d;margin-bottom:15px}input,select,textarea{font:inherit;background:#fafcfb;border:1px solid #d9e3dc;border-radius:7px;padding:11px;color:#243b30;width:100%;min-height:45px}input:focus,select:focus,textarea:focus{outline:2px solid #9cc9b6}#login-form button{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metrics article{border:1px solid var(--line);background:white;padding:22px;border-radius:13px}.metrics span{font-size:13px;color:#6e8078}.metrics strong{display:block;font-size:34px;letter-spacing:-1px;font-weight:600;margin:12px 0}.metrics small{font-size:11px;color:#8a9a90}.overview-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.network{background:#e6eddf;position:relative;overflow:hidden;border-color:#dce7d2}.network h2{font-size:30px;line-height:1.4;margin:16px 0}.network p{font-size:13px;color:#63775c}.route{display:flex;gap:12px;align-items:center;margin:24px 0;color:#5c7557;font-size:12px}.route b{background:#2b5038;color:#d7edbf;padding:10px 17px;border-radius:20px}.route i{color:#97b18d;letter-spacing:3px}.network-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #cedcc4;padding-top:20px}.network-footer small{font-size:10px;color:#76886f}.badge{display:inline-block;background:#e8f5ed;color:#377153;border-radius:20px;padding:5px 10px;font-size:11px;white-space:nowrap}.warn{background:#fff0d8;color:#966a23}.danger{background:#fee6e5;color:#ad4540}.readiness-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #edf1ee;font-size:13px}.muted{color:#87978d;font-size:12px}.section-head{display:flex;justify-content:space-between}.event{padding:14px 0;border-top:1px solid #edf1ee;display:flex;justify-content:space-between;font-size:13px}.event small{color:#87978d}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;white-space:nowrap}th{font-size:11px;color:#84948b;font-weight:500;padding:14px;background:#f8faf8}td{padding:16px 14px;border-bottom:1px solid #edf1ee}td button{font-size:12px;padding:6px 10px;min-height:32px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}.form-grid label{margin:0}.form-grid button{height:45px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price{font-size:32px;display:block;margin:20px 0}.empty{padding:30px 5px;color:#87978d;font-size:13px}#notice{border-radius:10px;background:#e6f1e9;border:1px solid #cce3d3;padding:14px 20px;margin-bottom:20px;font-size:14px}#notice.error{background:#fce8e6;border-color:#edbeba;color:#9e4440}footer{display:flex;align-items:center;justify-content:space-between;color:#8a9b91;font-size:11px;margin-top:28px}.text-button{background:transparent;color:#708278;font-size:12px}dialog{border:1px solid var(--line);border-radius:14px;padding:30px;width:420px}dialog::backdrop{background:#102f2970}textarea{font-family:monospace;margin-bottom:12px}[hidden]{display:none!important}.privacy{max-width:800px;margin:auto;padding:40px;display:block}.privacy h1{margin-bottom:30px}.privacy h2{margin-top:30px}.privacy a{color:var(--green)}@media(max-width:1050px){aside{width:200px;padding:30px 15px}main{margin-left:200px;width:calc(100% - 200px);padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){body{display:block}aside{position:static;width:100%;padding:18px}.workspace,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;gap:3px;margin-top:15px}nav button{white-space:nowrap;font-size:12px;padding:9px}main{margin:0;width:100%;padding:20px 14px}header{align-items:flex-start}header h1{font-size:25px}header p{font-size:12px}header button{font-size:11px;padding:10px}.eyebrow{font-size:8px}.metrics{gap:10px}.metrics article{padding:16px}.metrics strong{font-size:29px}.panel{padding:20px}.form-grid,.package-grid{grid-template-columns:1fr}.network-footer{align-items:flex-start;flex-direction:column}}