:root{--canvas:#f4f5f0;--surface-soft:#f1f3ee;--ink:#111214;--ink-soft:#292b2f;--muted:#64706d;--muted-light:#89918f;--line:#daddd8;--line-strong:#bec5c1;--accent:#ff3b30;--accent-dark:#c82119;--success:#208f5f;--warning:#d98f19;--danger:#ce4141;--neutral:#747d7a;--thai:"Noto Sans Thai", "Leelawadee UI", Tahoma, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--latin:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--canvas);font-family:var(--thai);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:20rem}body{min-width:20rem;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ff3b3061}::selection{color:#fff;background:var(--ink)}.app-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 8% 94%, #ff6f4a1c, transparent 30rem), var(--canvas);grid-template-rows:auto 1fr auto;display:grid}.skip-link{z-index:10;color:#fff;background:var(--ink);border-radius:.6rem;padding:.7rem 1rem;transition:transform .16s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.topbar,.footer{width:min(100% - 3rem,90rem);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:5.5rem;display:flex}.brand-lockup,.topbar-meta,.health-pill,.identity-badge,.readiness-row,.footer{align-items:center;display:flex}.brand-lockup{gap:.9rem;min-width:0}.brand-logo{width:clamp(7.25rem,10vw,9rem);height:auto;display:block}.brand-divider{background:var(--line-strong);width:1px;height:1.25rem}.brand-product{color:var(--muted);font-family:var(--latin);letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:650}.topbar-meta{gap:.55rem}.environment-badge,.health-pill{min-height:2rem;font-family:var(--latin);letter-spacing:.04em;border-radius:999px;font-size:.72rem;font-weight:700}.environment-badge{color:var(--muted);border:1px solid var(--line);background:#ffffff9e;padding-inline:.75rem}.health-pill{color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;gap:.45rem;padding:.35rem .75rem}.health-pill:hover{border-color:var(--line);background:#ffffffa6}.health-dot{background:var(--neutral);border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 0 .2rem #747d7a1f}.health-loader{width:1.5rem}.health-pill--online .health-dot{background:var(--success);box-shadow:0 0 0 .2rem #208f5f21}.health-pill--degraded .health-dot,.health-pill--unconfigured .health-dot{background:var(--warning);box-shadow:0 0 0 .2rem #d98f1921}.health-pill--offline .health-dot{background:var(--danger);box-shadow:0 0 0 .2rem #ce414121}.health-pill--checking .health-dot{animation:1.2s ease-in-out infinite status-pulse}.main-content{grid-template-columns:minmax(0,1.18fr) minmax(22rem,.82fr);align-items:center;gap:clamp(3rem,7vw,8rem);width:min(100% - 3rem,90rem);margin-inline:auto;padding-block:clamp(3.5rem,8vh,7.5rem);display:grid}.intro-panel{max-width:48rem}.eyebrow,.section-label{color:var(--accent-dark);font-family:var(--latin);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.intro-panel h1{letter-spacing:-.065em;max-width:12ch;margin:1.15rem 0 1.35rem;font-size:clamp(3rem,6.6vw,6.7rem);font-weight:730;line-height:.98}.intro-panel h1 span{color:var(--ink-soft);display:block}.intro-copy{max-width:41rem;color:var(--muted);margin:0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.75}.workflow{grid-template-columns:repeat(4,1fr);gap:0;margin:clamp(2.5rem,6vh,4.5rem) 0 0;padding:0;list-style:none;display:grid}.workflow-step{align-items:center;gap:.7rem;min-width:0;display:flex;position:relative}.step-number{z-index:1;width:2.35rem;height:2.35rem;color:var(--ink);background:var(--canvas);border:1px solid var(--line-strong);font-family:var(--latin);border-radius:50%;flex:none;place-items:center;font-size:.66rem;font-weight:800;display:grid;position:relative}.step-label{flex-direction:column;min-width:0;line-height:1.15;display:flex}.step-label strong{font-size:.94rem}.step-label small{color:var(--muted-light);font-family:var(--latin);margin-top:.2rem;font-size:.66rem}.step-connector{z-index:0;background:var(--line-strong);width:clamp(.75rem,2.4vw,2.75rem);height:1px;position:absolute;top:50%;right:.5rem}.boundary-note{border-top:1px solid var(--line);gap:.8rem;max-width:36rem;margin-top:2.8rem;padding-top:1.3rem;display:flex}.boundary-marker{background:var(--accent);border-radius:50%;flex:none;width:.5rem;height:.5rem;margin-top:.45rem}.boundary-note strong{font-family:var(--latin);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem}.boundary-note p{color:var(--muted);margin:.25rem 0 0;font-size:.86rem;line-height:1.6}.login-panel{justify-self:stretch}.authenticated-shell{padding-bottom:2rem;display:block}.authenticated-main{width:min(100% - 3rem,90rem);margin-inline:auto;padding-top:2rem}.session-card{border:1px solid var(--line);background:#fff;border-radius:1.25rem;padding:clamp(1.5rem,4vw,3rem)}.session-card h1{margin:.5rem 0}.session-card p:last-child{color:var(--muted);margin-bottom:0}.profile-action{border:1px solid var(--line-strong);min-height:2.4rem;font:inherit;cursor:pointer;background:#fff;border-radius:.6rem;padding:.5rem .8rem}.login-card{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#ffffffe0;border:1px solid #daddd8e6;border-radius:1.5rem;padding:clamp(1.6rem,3vw,2.7rem);position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #1c272414}.login-card:before{background:linear-gradient(90deg, var(--accent), #ff9577 42%, transparent 85%);content:"";height:.25rem;position:absolute;inset:0 0 auto}.identity-badge{width:fit-content;color:var(--ink-soft);background:var(--surface-soft);font-family:var(--latin);letter-spacing:.04em;border-radius:999px;gap:.55rem;padding:.38rem .7rem .38rem .4rem;font-size:.68rem;font-weight:750}.identity-badge__mark{object-fit:contain;width:1.5rem;height:1.2rem;display:block}.login-heading{margin-block:2rem 1.8rem}.login-heading h2{letter-spacing:-.035em;margin:.55rem 0 .6rem;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15}.login-heading>p:last-child{color:var(--muted);margin:0;line-height:1.65}.primary-action{color:#fff;background:var(--ink);border:1px solid var(--ink);width:100%;min-height:3.25rem;font:inherit;cursor:pointer;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem .75rem 1.2rem;font-size:.93rem;font-weight:700;transition:transform .16s,background-color .16s,box-shadow .16s;display:flex}.primary-action:hover{background:var(--ink-soft);transform:translateY(-1px);box-shadow:0 .7rem 1.6rem #18211f29}.primary-action:active{box-shadow:none;transform:translateY(0)}.separation-note{color:var(--muted-light);text-align:center;margin:.8rem 0 0;font-size:.75rem}.entry-feedback:empty{display:none}.feedback{border-radius:.65rem;margin:1rem 0 0;padding:.8rem .9rem;font-size:.78rem;line-height:1.55}.feedback--ready{color:#116a45;background:#edf8f2;border:1px solid #ccebd9}.feedback--warning{color:#87580d;background:#fff8e9;border:1px solid #f5dfb0}.readiness{border-top:1px solid var(--line);margin-top:1.8rem;padding-top:1rem}.readiness--outside{border:1px solid var(--line);background:#ffffff85;border-radius:.8rem;margin:.9rem 0 0;padding:.7rem .85rem}.readiness-row{min-height:2.15rem;color:var(--muted);justify-content:space-between;gap:1.5rem;font-size:.76rem}.readiness-value{max-width:65%;color:var(--neutral);text-align:right;font-weight:650}.readiness-value--online{color:var(--success)}.readiness-value--degraded,.readiness-value--unconfigured{color:var(--warning)}.readiness-value--offline{color:var(--danger)}.configuration-details{color:var(--muted);margin-top:.85rem;font-size:.73rem}.configuration-details summary{cursor:pointer;width:fit-content;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.2rem}.configuration-details ul{margin:.7rem 0 0;padding-left:1.1rem}.configuration-details li+li{margin-top:.35rem}.support-copy{color:var(--muted-light);text-align:center;margin:1.15rem 0 0;font-size:.75rem}.footer{min-height:4rem;color:var(--muted-light);border-top:1px solid var(--line);font-family:var(--latin);letter-spacing:.03em;justify-content:space-between;gap:1rem;font-size:.68rem}@keyframes status-pulse{0%,to{opacity:.45;transform:scale(.78)}50%{opacity:1;transform:scale(1)}}@media (width<=64rem){.main-content{grid-template-columns:1fr;gap:3.5rem;padding-block:4rem}.intro-panel{max-width:55rem}.intro-panel h1{max-width:14ch}.login-panel{justify-self:start;width:min(100%,34rem)}}@media (width<=42rem){.topbar,.main-content,.footer{width:min(100% - 2rem,90rem)}.topbar{align-items:flex-start;min-height:4.75rem;padding-block:1rem}.brand-lockup{flex-direction:column;align-items:flex-start;gap:.15rem}.brand-divider,.environment-badge{display:none}.health-pill{margin-top:.15rem}.main-content{gap:2.75rem;padding-block:3rem}.intro-panel h1{margin-top:.9rem;font-size:clamp(2.8rem,15vw,4.2rem)}.workflow{grid-template-columns:repeat(2,1fr);row-gap:1.35rem}.workflow-step:nth-child(2) .step-connector{display:none}.step-connector{width:1.5rem;right:.65rem}.login-card{border-radius:1.15rem}.footer{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-form{gap:1rem;display:grid}.auth-form .login-heading{margin-block:2rem .55rem}.auth-field{gap:.42rem;display:grid}.auth-field label{color:var(--ink-soft);font-size:.78rem;font-weight:700}.auth-field input{width:100%;min-height:3rem;color:var(--ink);border:1px solid var(--line-strong);font:inherit;background:#fffffff0;border-radius:.72rem;outline:none;padding:.72rem .85rem;transition:border-color .16s,box-shadow .16s}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem #ff4c3721}.password-input{position:relative}.password-input input{padding-right:4.5rem}.password-visibility{min-width:3.4rem;min-height:2.1rem;color:var(--muted);background:var(--surface-soft);font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding-inline:.55rem;font-size:.7rem;font-weight:700;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.auth-submit{margin-top:.25rem}.auth-submit:disabled{cursor:wait;opacity:.58;transform:none}.auth-link{width:fit-content;color:var(--muted);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.22rem;cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem}.auth-link:hover{color:var(--accent)}.auth-link--forgot{justify-self:end;margin-top:-.35rem}.auth-link--center{justify-self:center}.auth-account-chip{color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);font-family:var(--latin);text-overflow:ellipsis;white-space:nowrap;border-radius:.65rem;padding:.65rem .8rem;font-size:.75rem;overflow:hidden}.password-rules{color:var(--muted-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .75rem;margin:-.25rem 0 0;padding:0;font-size:.67rem;list-style:none;display:grid}.password-rules li{align-items:flex-start;gap:.35rem;display:flex}.password-rules li.is-valid{color:var(--success)}.auth-status{border-radius:.65rem;margin:1rem 0 0;padding:.78rem .88rem;font-size:.75rem;line-height:1.55}.auth-status--error{color:#8a3b2b;background:#fff2ee;border:1px solid #ffd0c6}.auth-status--notice{color:#116a45;background:#edf8f2;border:1px solid #ccebd9}@media (width<=26rem){.password-rules{grid-template-columns:1fr}}.paitor-loader{--paitor-red:#ff3b30;--paitor-ink:#111214;vertical-align:middle;flex:none;display:inline-block;overflow:visible}.paitor-loader--dark{--paitor-ink:#fff}@media (prefers-color-scheme:dark){.paitor-loader--auto{--paitor-ink:#fff}}.paitor-loader__red{fill:var(--paitor-red)}.paitor-loader__ink{fill:var(--paitor-ink)}.paitor-loader__base{opacity:.18}.paitor-loader__active,.paitor-loader__clip{animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.paitor-loader__active--bar{opacity:0}.paitor-loader__active--dot{opacity:0;transform-box:fill-box;transform-origin:50%}.paitor-loader__clip{transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.paitor-loader__active--0{animation-name:paitor-dot-0}.paitor-loader__active--1{animation-name:paitor-opacity-1}.paitor-loader__active--2{animation-name:paitor-opacity-2}.paitor-loader__active--3{animation-name:paitor-opacity-3}.paitor-loader__active--4{animation-name:paitor-opacity-4}.paitor-loader__active--5{animation-name:paitor-dot-5}.paitor-loader__active--6{animation-name:paitor-opacity-6}.paitor-loader__clip--1{animation-name:paitor-clip-1}.paitor-loader__clip--2{animation-name:paitor-clip-2}.paitor-loader__clip--3{animation-name:paitor-clip-3}.paitor-loader__clip--4{animation-name:paitor-clip-4}.paitor-loader__clip--6{animation-name:paitor-clip-6}@keyframes paitor-dot-0{0%{opacity:0;transform:scale(.85)}7.5%{opacity:1;transform:scale(1.08)}15%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes paitor-dot-5{0%,37.5%{opacity:0;transform:scale(.85)}45%{opacity:1;transform:scale(1.08)}52.5%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes paitor-opacity-1{0%,7.5%{opacity:0}9%,85%{opacity:1}to{opacity:0}}@keyframes paitor-opacity-2{0%,15%{opacity:0}16.5%,85%{opacity:1}to{opacity:0}}@keyframes paitor-opacity-3{0%,22.5%{opacity:0}24%,85%{opacity:1}to{opacity:0}}@keyframes paitor-opacity-4{0%,30%{opacity:0}31.5%,85%{opacity:1}to{opacity:0}}@keyframes paitor-opacity-6{0%,45%{opacity:0}46.5%,85%{opacity:1}to{opacity:0}}@keyframes paitor-clip-1{0%,7.5%{transform:scaleX(0)}32.5%,to{transform:scaleX(1)}}@keyframes paitor-clip-2{0%,15%{transform:scaleX(0)}40%,to{transform:scaleX(1)}}@keyframes paitor-clip-3{0%,22.5%{transform:scaleX(0)}47.5%,to{transform:scaleX(1)}}@keyframes paitor-clip-4{0%,30%{transform:scaleX(0)}55%,to{transform:scaleX(1)}}@keyframes paitor-clip-6{0%,45%{transform:scaleX(0)}70%,to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.paitor-loader__active{opacity:1;animation:none;transform:scale(1)}.paitor-loader__clip{animation:none;transform:scaleX(1)}}.admin-panel{border:1px solid var(--line);background:#ffffffe6;border-radius:1.25rem;width:min(100% - 3rem,90rem);margin:2rem auto 4rem;padding:clamp(1.25rem,3vw,2.5rem)}.admin-panel__heading{justify-content:space-between;align-items:start;gap:2rem;display:flex}.admin-panel__heading h2{margin:.35rem 0;font-size:clamp(1.7rem,3vw,2.5rem)}.admin-panel__heading p{color:var(--muted);margin:0}.admin-panel button{border:1px solid var(--line-strong);min-height:2.5rem;font:inherit;cursor:pointer;background:#fff;border-radius:.6rem;padding:.55rem .8rem}.admin-panel button:disabled{cursor:not-allowed;opacity:.5}.admin-alert{color:#116a45;background:#edf8f2;border-radius:.65rem;margin:1rem 0;padding:.8rem 1rem}.admin-alert--error{color:#8f2424;background:#fff0f0}.admin-form{background:var(--surface-soft);border-radius:.9rem;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.8rem;margin-top:1.5rem;padding:1rem;display:grid}.admin-form h3{grid-column:1/-1;margin:0}.admin-field{gap:.35rem;min-width:0;font-size:.82rem;font-weight:650;display:grid}.admin-field--wide{grid-column:span 2;margin-top:1rem}.admin-field input,.admin-field select{border:1px solid var(--line-strong);width:100%;min-height:2.6rem;font:inherit;background:#fff;border-radius:.55rem;padding:.55rem .65rem}.admin-table-wrap{margin-top:1.25rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:62rem}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.8rem}.admin-table td>strong,.admin-table td>small{display:block}.admin-table td>small{color:var(--muted)}.assignment-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.assignment-list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.assignment-list button{min-height:auto;padding:.25rem .45rem;font-size:.72rem}.admin-actions{flex-wrap:wrap;gap:.4rem;display:flex}.audit-list{margin-top:1.5rem}.audit-list ol{gap:.6rem;padding-left:1.4rem;display:grid}.audit-list li span,.audit-list li time{color:var(--muted);font-size:.8rem;display:block}@media (width<=900px){.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.admin-panel{width:min(100% - 1.25rem,90rem)}.admin-panel__heading{display:grid}.admin-form{grid-template-columns:1fr}.admin-field--wide{grid-column:auto}}