:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;color:#243a31;background:#f1f2ec;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(ellipse at 15% 20%,#e0e8de 0%,#f5f5f1 55%,#eff1eb 100%)}
.shell{display:grid;grid-template-columns:1.03fr 1fr;width:min(100%,1020px);min-height:650px;background:#fff;border:1px solid #dce3da;border-radius:26px;box-shadow:0 24px 75px rgba(18,48,36,.09);overflow:hidden}
.brand-pane{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#203e35;color:#f3f5ed;padding:40px 43px 35px;isolation:isolate}
.brand-pane::after{content:"";position:absolute;width:420px;height:420px;top:165px;right:-230px;border:1px solid rgba(228,232,217,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(235,242,228,.025),0 0 0 95px rgba(235,242,228,.025);pointer-events:none;z-index:-1}
.brand-row{display:flex;align-items:center;gap:13px}.brand-row img{border-radius:13px}.brand-names{display:grid;gap:5px}.brand-names strong{font-size:23px;letter-spacing:.21em;font-weight:640}.brand-names span{font-size:10px;letter-spacing:.22em;color:#c4d5ca}
.brand-message{max-width:400px;margin-top:-10px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#b1cfc0}.eyebrow.dark{color:#719b83;margin:0 0 8px}
.brand-message h1{font-size:clamp(29px,3.4vw,38px);line-height:1.52;letter-spacing:.055em;font-weight:600;margin:22px 0}.brand-message p{font-size:14px;line-height:2;max-width:345px;color:#d0ded4}
.brand-footer{font-size:10px;letter-spacing:.12em;color:#bdd1c4}.status-dot{width:7px;height:7px;background:#93cdb0;display:inline-block;border-radius:50%;margin-right:6px}.vbar{color:#688b78;margin:0 9px}
.content-pane{padding:41px 47px 29px;display:flex;flex-direction:column;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.mini-label{font-size:12px;font-weight:700;letter-spacing:.1em;color:#64786c}.env-tag{font-size:11px;font-weight:700;border:1px solid #dce9df;background:#f3f8f2;border-radius:999px;padding:7px 11px;color:#466c55;white-space:nowrap}
.view{width:100%;margin:auto 0}.view.hidden{display:none}.heading-icon{height:43px;width:43px;background:#e9efe8;border-radius:13px;display:grid;place-items:center;color:#436e54;font-size:25px;margin-bottom:19px}.heading-icon.warning{background:#fcf0e5;color:#b86b30}.heading-icon.success{background:#e1f2e8;color:#368352}
h2{font-size:clamp(25px,3vw,31px);margin:0 0 12px;line-height:1.4;letter-spacing:.02em}.body-muted{font-size:14px;line-height:1.85;color:#758379;margin:0 0 26px}
form{display:grid;gap:10px}label{color:#3c5347;font-size:12px;font-weight:690;margin-top:7px}input{width:100%;min-height:48px;border:1px solid #d9e3da;background:#fbfcfa;border-radius:12px;font:inherit;font-size:15px;color:#23382d;padding:12px 13px;outline:none;transition:border .2s,box-shadow .2s}input:focus{border-color:#4c8967;box-shadow:0 0 0 3px rgba(84,142,106,.13)}input::placeholder{color:#a5b1a8}
button{font-family:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}.primary-btn{margin-top:15px;min-height:50px;border:0;border-radius:12px;background:#244d3d;color:white;font-size:15px;font-weight:720;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary-btn:hover:enabled{background:#1b3e30}.secondary-btn{border:1px solid #c8d7ca;background:white;color:#284b39;border-radius:12px;min-height:45px;font-size:14px;font-weight:690;padding:10px 17px}.secondary-btn:hover:enabled{background:#f3f7f3}.text-btn{border:0;background:none;padding:6px 2px;color:#4a745c;font-size:13px;font-weight:680}.form-actions{display:flex;justify-content:flex-end;margin-top:11px}.inline-note{margin-top:22px;padding:12px 13px;border-radius:11px;background:#f6f8f4;color:#667a6c;font-size:12px;line-height:1.7}
.info-panel{display:grid;gap:7px;padding:15px 16px;background:#f2f6f1;border-radius:12px;font-size:12px;line-height:1.8;color:#536857;overflow-wrap:anywhere}.info-panel strong{color:#375c46;font-size:13px}.small-muted{font-size:12px;color:#85948b;line-height:1.8}.form-message{border-radius:10px;padding:11px 12px;background:#fff2ed;color:#9d3e32;font-size:12px;line-height:1.6;margin:8px 0 0}.form-message.ok{background:#ecf7ef;color:#286b43}.hidden{display:none!important}.user-card{border-radius:12px;border:1px solid #e2e9df;padding:17px 16px;display:grid;gap:8px;margin:3px 0 15px}.user-card span{color:#809183;font-size:11px}.user-card strong{font-size:15px;overflow-wrap:anywhere}.signout{margin-top:20px;width:100%}.bottom-note{font-size:9px;line-height:1.6;letter-spacing:.1em;text-align:center;color:#9ba69d;margin-top:35px}
.loading-ring{width:32px;height:32px;border:3px solid #e1eae2;border-top-color:#4c8062;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:23px}@keyframes spin{to{transform:rotate(360deg)}}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.94em}
@media(max-width:750px){body{padding:0;background:#fff;align-items:stretch}.shell{min-height:100dvh;width:100%;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.brand-pane{padding:22px 24px 24px;min-height:142px}.brand-row img{width:40px;height:40px}.brand-names strong{font-size:19px}.brand-names span{font-size:8px}.brand-message{display:none}.brand-footer{margin-top:19px;font-size:9px}.content-pane{padding:25px 25px max(26px,env(safe-area-inset-bottom));flex:1}.panel-top{margin-bottom:27px}.view{margin:auto 0}.heading-icon{margin-bottom:16px}.bottom-note{margin-top:26px}}
@media(max-width:360px){.content-pane{padding:20px 19px 25px}.brand-pane{padding-left:19px;padding-right:19px}.env-tag{font-size:10px}}
@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}*{scroll-behavior:auto!important;transition:none!important}}