@charset "UTF-8";
:root{font-family:"Sarabun","Noto Sans Thai",Tahoma,Arial,sans-serif;color-scheme:light;--reg-content-width:1180px;--reg-text:#0f1412;--reg-text-secondary:#2a332e;--reg-text-muted:#3a4540;--reg-text-on-dark:#fff;--reg-brand:#064e31;--reg-brand-hover:#043d26;--reg-link:#062a18;--reg-danger:#9f1d12;--reg-bg:#eef2ef;--reg-surface:#fff;--reg-surface-2:#f4f7f5;--reg-surface-3:#f7faf8;--reg-panel-border:#d5ddd7;--reg-border:#c9d2cb;--reg-divider:#e2e8e4;--reg-row-alt:#f8faf9;--reg-row-hover:#eef6e4;--reg-row-selected:#dff0d8;--reg-primary:#0a7a4b;--reg-primary-hover:#08653e;--reg-focus:#0a7a4b;--reg-focus-ring:rgba(10,122,75,.18);--reg-shadow:0 8px 24px rgba(16,40,28,.07);--reg-dialog-shadow:0 14px 32px rgba(16,40,28,.16);--reg-radius:10px;--reg-radius-sm:8px;--reg-ok-bg:#e6f6ec;--reg-ok-border:#b7e0c5;--reg-ok-fg:#0a5c34;--reg-warn-bg:#fff7e8;--reg-warn-border:#f0d7a3;--reg-warn-fg:#8a5a00;--reg-info-bg:#e8f1ff;--reg-info-border:#b8cdf5;--reg-info-fg:#1d4f91;--ink:var(--reg-text);--muted:var(--reg-text-muted);--line:var(--reg-divider);--surface:var(--reg-surface);--rru-green:var(--reg-primary);--rru-green-deep:var(--reg-brand);--rru-green-soft:var(--reg-row-hover);--rru-blue:var(--reg-info-fg)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--reg-bg);color:var(--reg-text);display:grid;grid-template-rows:auto 1fr auto;font-size:15px}a{color:var(--reg-link);font-weight:700;text-decoration:none;transition:color .15s ease,background-color .15s ease}a:hover,a:focus-visible{color:var(--reg-primary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--reg-focus);outline-offset:2px}
.site-header{min-height:74px;padding:8px max(20px,calc((100% - var(--reg-content-width))/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--reg-brand);color:var(--reg-text-on-dark);box-shadow:0 2px 8px rgba(6,78,49,.16);position:relative;z-index:3}.site-identity{display:flex;align-items:center;gap:12px;color:#fff!important;min-width:0}.site-identity>span:last-child{display:grid;gap:1px;min-width:0}.site-identity strong{font-size:1.03rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-identity small{font-size:.65rem;letter-spacing:.055em;color:#d7e8dd;white-space:nowrap}.site-logo{display:block;flex:0 0 auto;width:auto;height:54px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.header-actions{display:flex;align-items:center;gap:8px}.docs-link,.service-name{min-height:36px;display:inline-flex;align-items:center;padding:7px 11px;border-radius:var(--reg-radius-sm);font-size:.86rem}.docs-link{color:#fff!important;border:1px solid rgba(255,255,255,.34)}.docs-link:hover,.docs-link:focus-visible{background:rgba(255,255,255,.12)}.header-nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px}.header-nav-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-nav-label{margin-left:7px}.service-name{font-weight:800;color:var(--reg-brand);background:#fff;border:1px solid #fff}.brand-rule{display:none}
.shell{width:100%;min-height:0;display:grid;place-items:center;padding:28px 20px}.card{width:min(100%,520px);background:var(--reg-surface);border:1px solid var(--reg-panel-border);border-radius:var(--reg-radius);padding:24px;box-shadow:var(--reg-shadow)}.card.wide{width:min(100%,var(--reg-content-width))}.auth-card{width:min(100%,430px);padding:28px}.auth-logo{display:block;width:auto;height:88px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 5px 10px rgba(6,78,49,.16))}.auth-heading{text-align:center}.eyebrow{font-size:.69rem;font-weight:800;letter-spacing:.12em;color:var(--reg-primary)}.auth-heading h1{font-size:1.55rem;margin:.42rem 0 .12rem}.auth-heading p{margin:.18rem auto;max-width:330px;line-height:1.55;color:var(--reg-text-muted)}
.brand{display:flex;gap:11px;align-items:center;margin-bottom:20px}.brand div{display:grid}.brand small,.muted,.footnote,.environment{color:var(--reg-text-muted)}.brand-logo{display:block;width:auto;height:46px;object-fit:contain}.brand strong{color:var(--reg-brand)}h1{font-size:1.6rem;line-height:1.3;margin:.35rem 0;color:var(--reg-brand)}h2{margin-top:1.65rem;font-size:1.08rem;color:var(--reg-brand)}h3{font-size:1rem;color:var(--reg-brand)}p{line-height:1.55}
form{display:grid;gap:8px;margin-top:20px}label{font-weight:700;margin-top:5px;font-size:.9rem;color:var(--reg-text-secondary)}input,select,textarea{width:100%;border:1px solid var(--reg-border);border-radius:var(--reg-radius-sm);padding:9px 11px;font:inherit;background:#fff;color:var(--reg-text);transition:border-color .15s,box-shadow .15s,background-color .15s}input{min-height:42px}input::placeholder,textarea::placeholder{color:#5a6660}input:hover,select:hover,textarea:hover{border-color:#8fa399}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--reg-focus);box-shadow:0 0 0 3px var(--reg-focus-ring)}input[readonly],input:disabled,select:disabled,textarea:disabled{background:var(--reg-surface-2);color:var(--reg-text-muted)}.password-field{position:relative}.password-field input{padding-right:70px}.show-password{position:absolute;right:5px;top:5px;min-height:32px!important;border:0!important;background:transparent!important;color:var(--reg-primary)!important;padding:4px 8px!important;font-weight:700}
.primary,.button,button{min-height:40px;border:1px solid var(--reg-border);border-radius:var(--reg-radius-sm);padding:0 16px;font:inherit;font-size:.9rem;font-weight:700;line-height:1.2;cursor:pointer;background:#fff;color:var(--reg-brand);display:inline-flex;align-items:center;justify-content:center;gap:7px;vertical-align:middle;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s}.primary{background:var(--reg-primary);color:#fff;border-color:var(--reg-primary);box-shadow:0 2px 5px rgba(10,122,75,.14)}.primary:hover,.primary-link:hover{background:var(--reg-primary-hover);border-color:var(--reg-primary-hover);color:#fff;box-shadow:0 4px 10px rgba(10,122,75,.18)}.primary:active,.button:active,button:active{transform:translateY(1px);box-shadow:none}.button--secondary{background:#fff;color:var(--reg-text-secondary);border-color:var(--reg-border)}.button--secondary:hover{background:var(--reg-surface-2);border-color:#9fada4;color:var(--reg-brand)}.button--danger-outline{background:#fff;color:var(--reg-danger);border-color:#d9a7a2}.button--danger-outline:hover{background:#fff5f4;border-color:var(--reg-danger);color:var(--reg-danger)}.button-icon{font-size:1.02em;line-height:1;font-weight:800}.login-submit{width:100%;min-height:46px;margin-top:10px;font-size:.96rem}.login-submit span{font-size:1.08rem}.alert,.success,.secret,.ui-flash{padding:11px 13px;border-radius:var(--reg-radius-sm);margin:14px 0;border:1px solid}.alert,.ui-flash--error{background:#fff5f4;color:var(--reg-danger);border-color:#e8b8b3}.success,.ui-flash--success{background:var(--reg-ok-bg);color:var(--reg-ok-fg);border-color:var(--reg-ok-border)}.ui-flash--warning{background:var(--reg-warn-bg);color:var(--reg-warn-fg);border-color:var(--reg-warn-border)}.ui-flash--info{background:var(--reg-info-bg);color:var(--reg-info-fg);border-color:var(--reg-info-border)}
.trust-note{margin-top:20px;padding-top:15px;border-top:1px solid var(--reg-divider);display:flex;align-items:center;justify-content:center;gap:9px;color:var(--reg-brand)}.trust-note>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--reg-ok-bg);color:var(--reg-ok-fg);font-weight:900}.trust-note p{display:grid;margin:0;font-size:.8rem}.trust-note small{color:var(--reg-text-muted);margin-top:1px}.footnote,.environment{text-align:center;font-size:.79rem}.environment{margin:14px 0 0;padding:5px 9px;border-radius:var(--reg-radius-sm);background:var(--reg-warn-bg);color:var(--reg-warn-fg);border:1px solid var(--reg-warn-border)}
.site-footer{padding:14px max(20px,calc((100% - var(--reg-content-width))/2));display:flex;justify-content:space-between;gap:16px;color:var(--reg-text-muted);font-size:.76rem;background:var(--reg-surface);border-top:1px solid var(--reg-divider)}.site-footer span:first-child{font-weight:800;color:var(--reg-brand)}dl{display:grid;grid-template-columns:130px 1fr;gap:10px}dt{color:var(--reg-text-muted)}dd{margin:0}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metrics article,.ui-kpi{background:var(--reg-surface);border:1px solid var(--reg-panel-border);border-radius:var(--reg-radius);padding:15px;display:grid;gap:4px;box-shadow:0 3px 10px rgba(16,40,28,.04)}.metrics article:before{content:"";height:3px;background:var(--reg-primary);margin:-15px -15px 8px;border-radius:var(--reg-radius) var(--reg-radius) 0 0}.metrics strong,.ui-kpi strong{font-size:1.55rem;color:var(--reg-brand)}.metrics span,.ui-kpi span{font-size:.77rem;color:var(--reg-text-muted)}.health{padding:11px 12px;border-radius:var(--reg-radius-sm);border:1px solid}.health.ok{background:var(--reg-ok-bg);color:var(--reg-ok-fg);border-color:var(--reg-ok-border)}.health.warn{background:var(--reg-warn-bg);color:var(--reg-warn-fg);border-color:var(--reg-warn-border)}button:disabled{opacity:.62;cursor:wait}
/* Shared REG-kit primitives for new auth pages */
.ui-panel{background:var(--reg-surface);border:1px solid var(--reg-panel-border);border-radius:var(--reg-radius);box-shadow:var(--reg-shadow);overflow:hidden}.ui-panel__head{padding:12px 16px;background:linear-gradient(180deg,var(--reg-surface-3),var(--reg-surface-2));border-bottom:1px solid var(--reg-divider);color:var(--reg-brand);font-weight:800}.ui-panel__body{padding:16px}.ui-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px;background:var(--reg-surface-2);border:1px solid var(--reg-panel-border);border-radius:var(--reg-radius)}.ui-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:var(--reg-row-hover);color:var(--reg-brand);font-size:.76rem;font-weight:800}.ui-empty{text-align:center;padding:30px 18px;color:var(--reg-text-muted);border:1px dashed var(--reg-border);border-radius:var(--reg-radius);background:var(--reg-surface-3)}.ui-tabs{display:flex;gap:4px;border-bottom:1px solid var(--reg-divider)}.ui-tabs a{padding:9px 12px;border-bottom:3px solid transparent}.ui-tabs a.is-active{color:var(--reg-primary);border-color:var(--reg-primary)}
@media(max-width:900px){.shell{padding:20px 12px}.metrics{grid-template-columns:repeat(2,1fr)}.site-header{padding-left:12px;padding-right:12px}.site-footer{padding-left:12px;padding-right:12px}.card{padding:20px}.auth-card{padding:24px 20px}}@media(max-width:600px){body{font-size:14px}.site-header{min-height:64px}.service-name{display:none}.docs-link{width:38px;padding:0;justify-content:center}.header-nav-label{display:none}.site-identity small{display:none}.site-identity strong{font-size:.92rem}.site-logo{height:46px}.shell{padding:14px 10px}.card{padding:16px}.auth-card{padding:22px 18px}.auth-logo{height:78px}.metrics{grid-template-columns:1fr}.site-footer{align-items:center;flex-direction:column;text-align:center}dl{grid-template-columns:100px 1fr}}