:root{--ink:#16201d;--paper:#f3f7f4;--signal:#0a7c6f;--amber:#c7841a;--red:#b33a3a;--slate:#5b6863;--line:#cbd6d0;--white:#fbfdfb;--font:"Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif}*{box-sizing:border-box}html{font-family:var(--font);color:var(--ink);background:var(--paper);font-size:16px}body{margin:0;background:var(--paper)}a{color:inherit}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:34px 28px;border-right:1px solid var(--line);background:#e8efeb;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand strong{display:block;font-size:1.22rem;letter-spacing:-.03em}.brand small{color:var(--slate)}.brand-symbol,.auth-mark{display:grid;gap:3px}.brand-symbol i,.auth-mark span{display:block;width:25px;height:4px;background:var(--signal)}.brand-symbol i:nth-child(2),.auth-mark span:nth-child(2){margin-left:7px;width:32px}.brand-symbol i:nth-child(3),.auth-mark span:nth-child(3){margin-left:17px;width:22px}.sidebar nav{display:grid;gap:4px;margin-top:58px}.sidebar nav a{padding:11px 12px;text-decoration:none;color:var(--slate);border-left:3px solid transparent}.sidebar nav a.active{color:var(--ink);border-left-color:var(--signal);font-weight:700;background:rgba(255,255,255,.55)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:3px}.sidebar-foot span{color:var(--slate);font-size:.85rem}.sidebar-foot strong{color:var(--amber)}.text-button{border:0;background:none;padding:14px 0 0;color:var(--slate);text-decoration:underline;cursor:pointer}.content{padding:50px clamp(30px,5vw,76px);max-width:1500px;width:100%}.page-lead{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--ink);padding-bottom:22px;margin-bottom:34px}.page-lead h1{font-size:clamp(2.3rem,4vw,4.4rem);font-weight:500;line-height:1;margin:.15em 0;letter-spacing:-.055em}.page-lead p{color:var(--slate);margin:0;max-width:620px}.context-line{color:var(--signal)!important;font-weight:700}.live-clock{display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center;color:var(--slate)}.live-clock strong{grid-column:2;color:var(--ink);font-size:1.5rem;font-variant-numeric:tabular-nums}.pulse{width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px rgba(10,124,111,.12);grid-row:1/3}.ops-grid{display:grid;grid-template-columns:minmax(420px,1.5fr) minmax(260px,1fr);gap:48px}.relay-panel h2,.table-section h2{font-size:1.2rem;margin:0 0 22px}.relay-spine{list-style:none;margin:0;padding:0}.relay-spine li{position:relative;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:start;min-height:82px}.relay-spine li:not(:last-child):before{content:"";position:absolute;left:8px;top:19px;bottom:-1px;width:2px;background:var(--line)}.relay-node{margin-top:5px;width:18px;height:18px;border:4px solid var(--paper);outline:2px solid var(--slate);border-radius:50%;background:var(--slate);z-index:1}.healthy .relay-node{background:var(--signal);outline-color:var(--signal)}.attention .relay-node{background:var(--amber);outline-color:var(--amber)}.moving .relay-node{background:var(--white);outline-color:var(--signal)}.relay-spine strong,.relay-spine small{display:block}.relay-spine small{color:var(--slate);margin-top:4px}.state{font-variant-numeric:tabular-nums;font-weight:700}.measure-panel{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.measure{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.measure span,.measure small{display:block;color:var(--slate)}.measure strong{display:block;font-size:2.8rem;font-weight:500;line-height:1.1;margin:10px 0}.measure.muted strong{color:var(--slate)}.table-section{margin-top:56px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{margin-bottom:4px}.section-heading p{margin:0 0 18px;color:var(--slate)}.table-wrap{overflow-x:auto;border-top:2px solid var(--ink)}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--slate);font-size:.84rem;font-weight:600;padding:12px}td{padding:15px 12px;border-top:1px solid var(--line);vertical-align:middle}td strong,td small{display:block}td small{color:var(--slate)}.amount{font-variant-numeric:tabular-nums;font-weight:700}.actions{display:flex;gap:7px;justify-content:flex-end}.actions form{margin:0}.status{display:inline-block;padding:4px 9px;border-left:3px solid var(--slate);background:#e5ebe7;white-space:nowrap}.status-pendingapproval{border-color:var(--amber);background:#f3e8d3}.status-succeeded,.status-active{border-color:var(--signal);background:#dcece7}.status-failed,.status-uncertain{border-color:var(--red);background:#f3dfdf}.button{display:inline-flex;justify-content:center;border:1px solid var(--line);background:transparent;padding:7px 12px;text-decoration:none;cursor:pointer}.button.signal{background:var(--signal);border-color:var(--signal);color:white}.button.danger{color:var(--red);border-color:var(--red)}.button.large{padding:12px 18px;font-weight:700}.notice{padding:12px 15px;margin:0 0 22px;border-left:4px solid var(--slate);background:var(--white)}.notice.success{border-color:var(--signal)}.notice.danger{border-color:var(--red);color:#792525}.empty-row{text-align:center;color:var(--slate);padding:40px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,#e6eeea 0 22%,var(--paper) 22%)}.auth-shell{width:min(440px,100%);background:var(--white);padding:45px;border-top:5px solid var(--signal);box-shadow:16px 16px 0 #d7e2dc}.auth-shell.wide{width:min(680px,100%)}.auth-shell h1{font-size:2.6rem;line-height:1;margin:.25em 0;letter-spacing:-.04em}.auth-shell>p{color:var(--slate)}.auth-mark{margin-bottom:30px}.auth-form{display:grid;gap:8px;margin-top:25px}.auth-form label{margin-top:9px;font-weight:700}.auth-form input{width:100%;border:1px solid var(--line);background:white;padding:12px;outline:none}.auth-form input:focus{border-color:var(--signal);box-shadow:0 0 0 3px rgba(10,124,111,.13)}.auth-form span{color:var(--red);font-size:.85rem}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.setup-steps{padding-left:22px}.setup-steps li{margin:14px 0}.setup-steps code,.recovery-grid code{background:#e5ebe7;padding:4px 7px}.break{display:block;overflow-wrap:anywhere;margin-top:7px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}@media(max-width:800px){.shell{display:block}.sidebar{position:static;height:auto;padding:18px;flex-direction:row;align-items:center;gap:18px}.sidebar nav{display:flex;margin:0 0 0 auto}.sidebar-foot{display:none}.content{padding:30px 18px}.page-lead{align-items:start}.live-clock{display:none}.ops-grid{grid-template-columns:1fr;gap:30px}.auth-body{background:var(--paper)}.auth-shell{box-shadow:8px 8px 0 #d7e2dc;padding:30px 24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}