:root{--na-green:#145747;--na-deep:#143f36;--na-gold:#b28a41;--na-ink:#203d35;--na-muted:#65786c;--na-line:#dce6df}
.na-login{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:36px 24px;background:radial-gradient(ellipse at 8% 15%,#e5eee2,transparent 48%),radial-gradient(ellipse at 95% 88%,#eee4d0,transparent 40%),#f8faf6;color:var(--na-ink);font:14px/1.5 'Segoe UI',system-ui,sans-serif}
.na-login *{box-sizing:border-box}.na-login .card{display:grid;grid-template-columns:.92fr 1fr;width:100%;max-width:920px;border:1px solid #d8e2d8;border-radius:28px;background:#fff;box-shadow:0 24px 80px #183e3612;overflow:hidden}.na-login .head{grid-row:1/3;background:linear-gradient(150deg,#185e4c,#113f35);color:#fff;padding:34px;position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.na-login .head:after{content:'';position:absolute;bottom:-120px;left:-80px;width:420px;height:420px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff04;pointer-events:none}.na-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.na-login .head .logo{width:62px;height:62px;background:#fff;border-radius:15px;padding:7px;flex-shrink:0}.na-login .head .logo img{width:100%;height:100%;object-fit:contain}.na-brand strong{display:block;font-size:21px;letter-spacing:.2em}.na-brand small{display:block;font-size:9px;letter-spacing:.1em;color:#d1dfd3;max-width:170px;text-transform:uppercase}.na-kicker{margin-top:35px;color:#e1c683;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.na-login .head h1{margin:8px 0 10px;font-size:32px;line-height:1.15;letter-spacing:-.03em;font-weight:600;max-width:280px}.na-intro{color:#d6e4d9;font-size:13px;line-height:1.7;margin:0;max-width:270px}.na-host{position:relative;z-index:1;align-self:center;margin:auto 0 0;padding-top:26px;text-align:center;width:100%}.na-host .cn-robot{display:block;width:150px;height:auto;margin:auto;overflow:visible}.na-bubble{margin:12px 0 0;border:1px solid #ffffff27;background:#ffffff0d;border-radius:15px;padding:12px 14px;font-size:12px;line-height:1.6;color:#eef5e9;min-height:64px;display:grid;place-items:center}.na-signature{margin-top:9px;font-size:9px;letter-spacing:.13em;color:#d8c08a}.na-login .body{padding:37px 36px 24px}.na-form-kicker{font-size:10px;letter-spacing:.13em;color:#947333;font-weight:700;text-transform:uppercase}.na-form-title{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:7px 0 7px;font-weight:650}.na-form-sub{font-size:12px;color:var(--na-muted);margin:0 0 25px}.na-login label{display:block;font-size:12px;font-weight:600;margin:0 0 7px}.na-login select,.na-login input{width:100%;min-height:47px;padding:11px 12px;border:1px solid #cedbd1;border-radius:11px;font:inherit;background:#f7f9f5;color:var(--na-ink);transition:box-shadow .2s,border-color .2s}.na-login select:focus,.na-login input:focus{outline:none;border-color:var(--na-green);box-shadow:0 0 0 3px #14574718;background:#fff}.na-login select:disabled{background:#f0f3ee;color:#809087}.na-login .field{margin-bottom:17px}.na-login .hint{font-size:11px;color:var(--na-muted);margin-top:7px}.na-login .linky{background:none;border:0;color:var(--na-green);font:inherit;font-size:11px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.na-login .btn{width:100%;min-height:48px;padding:12px;border:0;border-radius:11px;background:var(--na-green);color:#fff;font:600 14px 'Segoe UI',system-ui,sans-serif;cursor:pointer;margin-top:4px;transition:background .2s,transform .2s}.na-login .btn:hover{background:var(--na-deep);transform:translateY(-1px)}.na-login button:focus-visible,.na-login a:focus-visible,.na-login [role=button]:focus-visible{outline:3px solid var(--na-gold);outline-offset:4px}.na-login .msg{padding:11px 13px;border-radius:10px;font-size:12px;margin-bottom:15px;overflow-wrap:anywhere}.na-login .err{background:#fff5f0;border:1px solid #eecabe;color:#853e2c}.na-login .ok{background:#eff7ed;border:1px solid #cfdfc9;color:var(--na-green)}.na-login .forgot{margin-top:13px;text-align:center}.na-login .forgot a{color:var(--na-green);font-size:11px;text-decoration:none}.na-login .forgot a:hover{text-decoration:underline}.na-login .links{display:flex;gap:12px;margin-top:23px;border-top:1px solid var(--na-line);padding-top:16px}.na-login .links a{flex:1;text-align:center;text-decoration:none;color:var(--na-green);font-size:11px}.na-login .links a:hover{text-decoration:underline}.na-login .foot{grid-column:2;text-align:center;font-size:9px;color:var(--na-muted);padding:0 25px 23px}.na-login .badge{display:inline-block;border-radius:20px;padding:3px 9px;background:#f6efdf;color:#80632b;margin-top:6px}.na-host .cn-head{transform-origin:80px 90px;transition:transform .25s}.na-host .cn-eyes{transform-box:fill-box;transform-origin:center;transition:transform .2s}.na-host.na-private .cn-head{transform:rotate(-6deg)}.na-host.na-private .cn-eyes{transform:scaleY(.12)}.na-host .cn-arm{transform-origin:132px 107px;animation:na-wave .55s ease-in-out 2 alternate}
/* Wizard: isolated styles so the existing administrative navigation keeps its theme. */
.nw-guide{box-sizing:border-box;display:flex;gap:23px;align-items:center;padding:23px 26px;margin:18px 0;border:1px solid #d4e2d7;border-top:3px solid var(--na-gold);border-radius:22px;background:linear-gradient(115deg,#f1f6ec,#fff);color:var(--na-ink);font:13px/1.6 'Segoe UI',system-ui,sans-serif}.nw-guide *{box-sizing:border-box}.nw-guide [hidden]{display:none!important}.nw-mascot{flex:0 0 98px;text-align:center}.nw-mascot .cn-robot{display:block;width:98px;height:auto;overflow:visible}.nw-mascot span{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--na-green)}.nw-content{flex:1;min-width:0}.nw-eyebrow{font-size:9px;letter-spacing:.13em;color:#876c33;text-transform:uppercase;font-weight:600}.nw-guide h3{font-size:19px;line-height:1.3;margin:4px 0 6px;font-weight:650;color:var(--na-deep)}.nw-guide p{margin:0;color:#526b5a;overflow-wrap:anywhere}.nw-state{font-size:11px!important;margin-top:7px!important}.nw-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px;align-items:center}.nw-actions button,.nw-actions a{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;min-height:36px;border:1px solid #cbdacb;background:white;border-radius:9px;font:600 11px 'Segoe UI',system-ui,sans-serif;color:var(--na-green);text-decoration:none;cursor:pointer}.nw-actions .nw-configure{background:var(--na-green);color:white;border-color:var(--na-green)}.nw-guide button:focus-visible,.nw-guide a:focus-visible{outline:3px solid var(--na-gold);outline-offset:3px}.nw-position{font-size:10px;color:#6c8170}.nw-mascot .cn-arm{transform-origin:132px 107px;animation:na-wave .6s ease-in-out 2 alternate}
@keyframes na-wave{from{transform:rotate(-12deg)}to{transform:rotate(14deg)}}
@media(max-width:700px){.na-login{padding:18px 14px;display:block}.na-login .card{max-width:460px;margin:auto;grid-template-columns:1fr;border-radius:23px}.na-login .head{grid-row:auto;padding:22px 24px 18px;display:grid;grid-template-columns:1fr 91px;gap:0 13px}.na-brand{grid-column:1/-1}.na-login .head .logo{width:43px;height:43px;border-radius:10px;padding:4px}.na-brand strong{font-size:17px}.na-brand small{font-size:8px;max-width:none}.na-kicker{margin-top:20px;font-size:8px;grid-column:1}.na-login .head h1{font-size:24px;grid-column:1;margin-bottom:4px}.na-intro{display:none}.na-host{display:contents}.na-host .cn-robot{width:88px;grid-column:2;grid-row:2/4;align-self:center;margin-top:14px}.na-bubble{grid-column:1/-1;min-height:0;padding:8px 10px;font-size:11px;margin-top:12px}.na-signature{display:none}.na-login .body{padding:24px 24px 19px}.na-form-title{font-size:23px}.na-form-sub{margin-bottom:20px}.na-login .foot{grid-column:1;padding-bottom:18px}.nw-guide{gap:12px;padding:17px 15px;align-items:flex-start}.nw-mascot{flex-basis:64px}.nw-mascot .cn-robot{width:64px}.nw-guide h3{font-size:17px}.nw-guide p{font-size:12px}.nw-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.na-login *,.nw-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}