@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,'IBM Plex Sans Thai',sans-serif;color:#1d283a;background:#f3f5f8;font-synthesis:none;--ink:#172131;--muted:#657286;--lime:#c8f560;--line:#e3e7ed;--danger:#c0353e}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #749d31;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}input,textarea,select{min-width:0;max-width:100%;border:1px solid #cfd6e0;background:white;border-radius:10px;padding:12px 14px;color:var(--ink);font-size:16px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#608f2c;box-shadow:0 0 0 3px #c8f56045}textarea{resize:vertical;min-height:110px}p{line-height:1.7}h1,h2,h3,p{margin-top:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--lime);font-weight:800;font-size:27px;color:var(--ink)}.brand{display:flex;gap:12px;align-items:center}.brand strong{display:block;font-size:20px;letter-spacing:-.7px}.brand small{display:block;color:#9facbd;font-size:12px;letter-spacing:2px;margin-top:3px}.btn{border:0;border-radius:10px;background:var(--ink);color:white;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;white-space:nowrap}.btn:hover{filter:brightness(1.12)}.btn.lime{background:var(--lime);color:var(--ink)}.btn.soft{background:white;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{color:var(--danger);background:#fff0f1}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:15px}.loading p{margin:0}.login{min-height:100vh;display:grid;grid-template-columns:1.03fr 1fr}.login-story{background:var(--ink);color:white;padding:48px 64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff12;border-radius:50%;right:-150px;bottom:-210px;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff03;pointer-events:none}.login-title{margin:70px 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:#a8b5c7;margin-bottom:22px}.login-title h1{font-size:clamp(38px,4.7vw,65px);font-weight:600;line-height:1.25;letter-spacing:-2px;margin:0 0 28px}.login-title h1 span{color:var(--lime)}.login-title p{color:#aebacb;max-width:340px;font-size:16px}.login-footer{color:#a8b5c7;font-size:13px;display:flex;gap:10px;align-items:center}.login-main{display:flex;align-items:center;justify-content:center;padding:48px}.login-box{width:100%;max-width:390px}.login-box h2{font-size:28px;letter-spacing:-.7px;margin-bottom:12px}.muted{color:var(--muted);font-size:14px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.field>span,.field>label{font-weight:600;font-size:14px}.code-input{font-size:22px;letter-spacing:5px;padding:17px}.wide{width:100%}.divider{border-top:1px solid var(--line);margin:32px 0 24px}.error{color:var(--danger);font-size:14px;line-height:1.6}.error:empty{display:none}.shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{background:var(--ink);color:white;padding:32px 22px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:60px}.nav-label{color:#8693a7;font-size:12px;letter-spacing:1.6px;margin:0 12px 14px}.nav-item{background:none;border:0;color:#abb7c8;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;width:100%;font-size:14px;text-align:left;margin-bottom:8px}.nav-item.active{background:#2e3b2d;color:var(--lime)}.nav-item:hover{background:#ffffff0a}.side-bottom{margin-top:auto;border-top:1px solid #ffffff16;padding-top:24px}.role-chip{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:14px}.avatar{width:34px;height:34px;background:#354052;color:#e5ebf4;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700}.role-chip small{color:#8d9caf;display:block;font-size:12px;margin-top:3px}.workspace{padding:0 44px 48px;min-width:0}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.crumb{font-size:14px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:500}.top-meta{font-size:12px;color:var(--muted);letter-spacing:.5px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:36px 0 30px}.page-head h1{font-size:30px;letter-spacing:-1px;margin:0 0 7px}.page-head p{margin:0}.head-actions{display:flex;gap:10px}.section-line{display:flex;align-items:center;gap:12px;margin:20px 0;font-weight:600;font-size:14px}.count{border-radius:7px;background:#e7ecf2;color:#576578;font-size:12px;padding:3px 7px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-card{border:1px solid var(--line);background:white;border-radius:15px;padding:23px;min-width:0;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}.account-card:hover{border-color:#b3c29c;box-shadow:0 6px 20px #16252d06}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.id-icon{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#6c7c91}.account-card h2{font-size:20px;letter-spacing:-.4px;margin:19px 0 18px;overflow-wrap:anywhere}.notes-label{font-size:12px;color:#7a8799;margin-bottom:8px}.notes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px;color:#46556b;margin:0 0 22px;flex:1}.card-actions{display:flex;gap:8px;padding-top:19px;border-top:1px solid #edf0f4;margin-top:auto}.card-actions>.open-btn{flex:1}.icon-btn{width:44px;padding:10px}.empty{background:white;border:1px dashed #cfd7e1;min-height:330px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-symbol{width:62px;height:62px;border-radius:18px;background:#eff5e4;color:#688c30;display:grid;place-items:center;margin-bottom:20px}.empty-symbol .icon{width:27px;height:27px}.empty h2{font-size:21px;margin-bottom:8px}.empty p{margin-bottom:23px;max-width:420px}.downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.download-card{background:white;border:1px solid var(--line);border-radius:15px;padding:30px}.download-card h2{font-size:23px;margin:20px 0 8px}.download-card ol{padding-left:21px;font-size:14px;color:var(--muted);line-height:1.8;margin:22px 0}.download-card li{padding-left:6px;margin-bottom:8px}.pill{display:inline-block;border-radius:6px;background:#edf2e5;color:#58752c;font-size:12px;padding:4px 8px}.settings-box{max-width:650px;border:1px solid var(--line);border-radius:15px;background:white;padding:30px;margin-bottom:20px}.settings-box h2{font-size:19px}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#101b30a8;backdrop-filter:blur(5px)}.dialog{background:white;border-radius:18px;width:min(700px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0003}.dialog-head{padding:25px 30px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:22px}.dialog-body{padding:26px 30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid>.full{grid-column:1/-1}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:20px 30px;background:#fafbfd}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:48px}.password-wrap button{position:absolute;right:4px;top:3px;bottom:3px;border:0;background:white;border-radius:8px;width:40px;color:var(--muted)}.note{background:#f5f7fa;padding:13px 16px;border-radius:10px;font-size:13px;color:var(--muted);line-height:1.7}.proxy-fields{grid-column:1/-1}.proxy-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.proxy-grid>.full{grid-column:1/-1}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);max-width:calc(100vw - 32px);background:var(--ink);color:white;border-radius:12px;padding:13px 22px;font-size:14px;box-shadow:0 8px 25px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}[hidden]{display:none!important}.admin-meta{font-size:12px;color:#7b8798;margin:-8px 0 16px;overflow-wrap:anywhere}.version{font-size:12px;color:#8b97a9;margin-top:30px}.launch-state{margin:0 0 15px;padding:15px 19px;border-radius:10px;background:#eef6df;line-height:1.7;font-size:14px}.launch-state .btn{margin:7px 0 0}.download-list{display:flex;flex-wrap:wrap;gap:8px}.mobile-brand{display:none}
@media(min-width:1600px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{padding-left:58px;padding-right:58px}}@media(max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding-left:28px;padding-right:28px}.sidebar{padding-left:15px;padding-right:15px}.shell{grid-template-columns:205px minmax(0,1fr)}}@media(max-width:760px){.login{grid-template-columns:1fr}.login-story{padding:25px 27px}.login-title{margin:35px 0 10px}.login-title h1{font-size:38px}.login-title p,.login-footer{display:none}.login-main{padding:36px 25px}.shell{display:block}.sidebar{height:auto;min-height:0;position:static;padding:18px 20px}.sidebar .brand{margin-bottom:20px}.sidebar nav{display:flex;gap:5px}.nav-label,.side-bottom{display:none}.nav-item{margin:0;padding:11px;font-size:13px;justify-content:center}.workspace{padding:0 20px 30px}.topbar{height:64px}.top-meta{display:none}.page-head{align-items:flex-start;margin-top:25px;flex-wrap:wrap}.page-head h1{font-size:27px}.cards,.downloads{grid-template-columns:1fr}.account-card{padding:22px}.form-grid,.proxy-grid{grid-template-columns:1fr}.form-grid>.full,.proxy-grid>.full{grid-column:auto}.modal{padding:12px}.dialog{max-height:94vh}.dialog-head,.dialog-body,.dialog-foot{padding:20px}.dialog-foot{position:sticky;bottom:0}.head-actions{width:100%}.head-actions .btn{flex:1}.settings-box{padding:22px}.empty{min-height:290px}.download-card{padding:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-heading>label{font-size:14px;font-weight:600}.field-heading .btn{padding:8px 12px;min-height:40px}