:root{font-family:'Kanit',sans-serif;color:#26392f;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.settings-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.settings-sidebar{padding:26px 16px;background:white;border-right:1px solid #e2e8e2;display:flex;flex-direction:column;gap:8px}.settings-brand{padding:0 10px 30px;display:flex;gap:11px;align-items:center}.settings-brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e8f1e9;color:#416b4c;font-size:22px}.settings-brand strong{font-size:14px;font-weight:600}.settings-brand small{display:block;font-size:10px;color:#84918a}.settings-sidebar nav{display:grid;gap:5px}.settings-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;text-decoration:none;color:#68778e;font-size:14px}.settings-sidebar nav a.active,.settings-sidebar nav a:hover{background:#e8f1e9;color:#416b4c}.settings-sidebar nav span{width:20px;text-align:center;font-size:18px}.sidebar-label{font-size:11px;color:#a0aabd;padding:8px 12px;margin:0}.sidebar-footer{margin-top:auto;padding:24px 4px 0;color:#718099;font-size:10px;line-height:1.7}.sidebar-footer strong{display:block;font-size:12px;color:#34533f;font-weight:600}.sidebar-footer small{display:block;font-size:10px}.settings-main{min-width:0;padding:24px 36px 48px}.settings-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid #e2e8e2}.settings-account{font-size:12px;color:#718077}.settings-heading{margin:30px 0 24px}.settings-heading h1{font-size:28px;font-weight:500;margin:4px 0 8px}.settings-heading p{font-size:14px;color:#718077;margin:0}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#6b8a70}.settings-tabs{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}.settings-tabs a{padding:9px 18px;border:1px solid #dce5dc;border-radius:9px;color:#52675a;text-decoration:none;font-size:14px;background:white}.settings-tabs a.active{color:white;background:#416b4c;border-color:#416b4c}.settings-panel{background:white;border:1px solid #e0e8df;border-radius:14px;padding:25px;box-shadow:0 5px 20px #21382905}.settings-panel h2{font-size:20px;font-weight:500;margin:0 0 8px}.settings-panel h3{font-size:16px;font-weight:500;margin:25px 0 10px}.panel-intro{font-size:13px;color:#718077;margin:0 0 22px;line-height:1.8}.settings-panel p{line-height:1.8;font-size:13px}.account-button,.primary,.secondary,.quiet,.row-actions button{border:1px solid #dbe5dc;border-radius:8px;padding:9px 14px;font-size:13px;background:white;color:#42604b;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.primary,.account-button:not(.secondary):not(.quiet){background:#416b4c;color:white;border-color:#416b4c}.settings-error{color:#b43f37;font-size:13px;white-space:pre-wrap}.settings-error:empty{display:none}.settings-notice{padding:13px 16px;border-radius:9px;background:#f0f5ed;color:#526b46;font-size:13px;margin:0 0 20px}.users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.users-toolbar-actions,.row-actions,.dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.dialog-actions{justify-content:flex-end;margin-top:24px}.user-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(140px,1fr) minmax(160px,1.3fr) auto;gap:16px;align-items:center;border-top:1px solid #e8eee7;padding:18px 0;font-size:13px;overflow-wrap:anywhere}.user-row strong{font-weight:500}.user-row small{display:block;color:#718077;font-size:12px;margin-top:4px}.role-summary{font-size:12px;color:#718077}.row-actions .delete-user{color:#b43f37}.user-fields,.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.role-grid{margin-top:18px}.settings-panel label,.field{display:grid;gap:6px;font-size:13px;color:#405749}.settings-panel input,.settings-panel select{width:100%;min-width:0;border:1px solid #dce6dd;border-radius:8px;padding:10px 11px;color:#20352b;background:#fff;font-size:13px;outline:none}.settings-panel input:focus,.settings-panel select:focus{border-color:#7fa489;box-shadow:0 0 0 3px #e8f0e7}.settings-panel .check-row{display:flex;align-items:center;gap:9px;margin:20px 0;cursor:pointer}.settings-panel .check-row input{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#416b4c}.settings-panel table{width:100%;border-collapse:collapse;font-size:13px}.settings-panel th,.settings-panel td{text-align:left;padding:12px 10px;border-bottom:1px solid #e8eee7}.settings-panel th{font-weight:500;color:#718077;background:#f8faf7}.line-code-button{justify-self:start}#lineUsers{grid-template-columns:repeat(2,minmax(0,1fr))}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#243e2b;color:white;border-radius:9px;padding:12px 20px;font-size:13px;box-shadow:0 5px 20px #0002;z-index:10}#toast:empty{display:none}.empty-users{padding:30px;text-align:center;color:#718077}@media(max-width:1050px){.user-row{grid-template-columns:1fr 1fr}.settings-main{padding:24px}.role-summary{grid-column:1}}@media(max-width:720px){.settings-shell{grid-template-columns:1fr}.settings-sidebar{padding:14px 16px;border-right:0;border-bottom:1px solid #e2e8e2}.settings-brand{padding:0 0 10px}.settings-sidebar nav{display:flex;flex-wrap:wrap}.settings-sidebar nav a{padding:9px 12px}.sidebar-label,.sidebar-footer{display:none}.settings-main{padding:18px 16px 36px}.settings-heading{margin:24px 0}.settings-heading h1{font-size:24px}.settings-panel{padding:18px 15px}.user-fields,.role-grid,#lineUsers{grid-template-columns:1fr}.users-toolbar,.settings-topbar{align-items:flex-start;flex-direction:column}.user-row{grid-template-columns:1fr;gap:8px}.role-summary{grid-column:auto}}
.