/* UMWE Login V2 — final isolated layout */
html:has(.auth-shell),body:has(.auth-shell),body:has(.auth-shell) #root{margin:0!important;width:100%!important;min-height:100%!important;background:#06111d!important}body:has(.auth-shell){overflow:hidden!important}.auth-shell,.auth-shell *{box-sizing:border-box}.auth-shell{position:relative!important;display:block!important;width:100vw!important;height:100vh!important;min-height:720px!important;overflow:hidden!important;padding:0!important;background:#06111d url('/assets/umwe-login-tech.jpg') center/cover no-repeat!important;color:#fff!important}.auth-shell:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,14,25,.86),rgba(3,14,25,.68) 43%,rgba(3,14,25,.35) 68%,rgba(3,14,25,.66));pointer-events:none}
/* Brand */
.auth-shell>.login-brand{position:absolute!important;left:5vw!important;top:30px!important;z-index:10!important;display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;margin:0!important;transform:none!important;color:#fff!important}.auth-shell>.login-brand .u-mark{flex:0 0 42px!important;width:42px!important;height:42px!important;background:url('/assets/umwe-anchor-logo.svg') center/contain no-repeat!important}.auth-shell>.login-brand .u-mark>*{display:none!important}.auth-shell>.login-brand strong{display:block!important;color:#fff!important;font-size:17px!important;line-height:1!important;letter-spacing:.03em!important}.auth-shell>.login-brand em{display:block!important;color:#91a5b4!important;font-size:8px!important;line-height:1.3!important;font-style:normal!important;text-transform:uppercase!important;letter-spacing:.18em!important;margin-top:4px!important}
.login-nav{position:absolute;z-index:10;top:35px;right:5vw;display:flex;align-items:center;gap:36px}.login-nav a{color:#d0dae1;text-decoration:none;font-size:12px;font-weight:650}.login-nav a:hover{color:#36d9b7}.login-nav .nav-signin{padding:10px 18px;border:1px solid rgba(91,218,193,.55);border-radius:7px;color:#ecfffb}
/* Hero */
.auth-shell .auth-hero{position:absolute!important;z-index:2!important;left:6vw!important;top:50%!important;transform:translateY(-46%)!important;width:min(49vw,700px)!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:none!important;display:block!important;color:#fff!important}.auth-shell .auth-hero>div{width:100%!important;max-width:660px!important;margin:0!important;padding:0!important}.auth-shell .auth-hero>div:before{content:"PEOPLE  •  PROCESSES  •  PROGRESS";display:block;color:#45dfbd;font-size:11px;font-weight:800;letter-spacing:.27em;margin:0 0 20px}.auth-shell .auth-hero h1{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(42px,4vw,64px)!important;font-weight:750!important;line-height:1.03!important;letter-spacing:-.045em!important;margin:0 0 20px!important;color:#fff!important;max-width:610px!important}.auth-shell .auth-hero h1 span{color:#31d8b5!important}.auth-shell .auth-hero p{font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;line-height:1.6!important;color:#becbd4!important;max-width:540px!important;margin:0!important}.login-features{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px;max-width:520px}.login-features>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.feature-icon{grid-row:1/3;width:34px;height:34px;border-radius:50%;border:1px solid rgba(47,217,181,.42);background:rgba(22,171,144,.12);display:grid;place-items:center;color:#3cddbb;font-size:15px}.login-features b{font-size:12px;color:#f1f6f8}.login-features small{font-size:10px;line-height:1.35;color:#8fa2af;margin-top:2px}
/* Card */
.auth-shell .auth-card{position:absolute!important;z-index:5!important;right:6vw!important;left:auto!important;top:50%!important;transform:translateY(-47%)!important;width:390px!important;max-width:calc(100vw - 48px)!important;height:auto!important;min-height:0!important;margin:0!important;padding:32px 34px 28px!important;border-radius:18px!important;background:rgba(7,24,38,.89)!important;border:1px solid rgba(135,195,214,.27)!important;box-shadow:0 28px 80px rgba(0,0,0,.42)!important;backdrop-filter:blur(18px)!important;color:#fff!important;display:block!important}.auth-card .tagline,.auth-card .dev-note{display:none!important}.auth-card h2{font-family:Arial,Helvetica,sans-serif!important;font-size:26px!important;font-weight:720!important;line-height:1.15!important;letter-spacing:-.025em!important;margin:0 0 5px!important;padding:0!important;color:#fff!important}.auth-card h2:after{content:"Welcome back to UMWE Operations";display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#8fa2b0;margin-top:8px}.auth-card form{display:block!important;margin:24px 0 0!important;padding:0!important}.auth-card label{display:flex!important;justify-content:space-between!important;align-items:center!important;color:#bdc9d2!important;font-size:11px!important;font-weight:650!important;margin:13px 0 0!important;padding:0!important}.forgot-link{border:0;background:none;color:#9fb2c0;font-size:10px;font-weight:600;cursor:pointer;padding:0}.forgot-link:hover{color:#34d9b7}.auth-card input{display:block!important;width:100%!important;height:46px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(147,188,205,.25)!important;color:#fff!important;border-radius:8px!important;padding:0 13px!important;margin:7px 0 0!important;font-size:13px!important;box-shadow:none!important}.auth-card input::placeholder{color:#6f8290}.auth-card input:focus{border-color:#20d8af!important;box-shadow:0 0 0 3px rgba(32,216,175,.1)!important;outline:none!important}.auth-card .primary{display:block!important;width:100%!important;height:46px!important;border:0!important;border-radius:8px!important;background:linear-gradient(90deg,#22d7b1,#0ab394)!important;box-shadow:0 10px 26px rgba(16,190,154,.18)!important;color:#fff!important;font-size:13px!important;font-weight:750!important;margin:20px 0 0!important;padding:0!important}.login-divider{display:flex;align-items:center;gap:12px;color:#718391;font-size:9px;margin:15px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:rgba(150,180,196,.18);flex:1}.google-login{display:block;width:100%;height:43px;border-radius:8px;border:1px solid rgba(151,190,207,.24);background:rgba(255,255,255,.035);color:#dbe4ea;font-weight:650;font-size:11px;cursor:pointer}.google-login:hover{background:rgba(255,255,255,.07)}.google-g{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;color:#4285f4;font-family:Arial,sans-serif;font-weight:800;margin-right:8px}.auth-card .auth-foot{color:#94a5b2!important;margin:16px 0 0!important;text-align:center!important;font-size:10px!important}.auth-card .text-btn{color:#29d8b2!important;font-weight:750!important}.auth-shell:after{content:"© 2026 UMWE Operations. All rights reserved.";position:absolute;z-index:2;left:5vw;bottom:25px;color:#718491;font-size:9px}
@media(max-width:1100px){.auth-shell .auth-hero{left:4vw!important;width:48vw!important}.auth-shell .auth-card{right:4vw!important;width:370px!important}.auth-shell .auth-hero h1{font-size:46px!important}}@media(max-width:820px){body:has(.auth-shell){overflow:auto!important}.auth-shell{min-height:760px!important}.login-nav{display:none}.auth-shell .auth-hero{display:none!important}.auth-shell .auth-card{position:absolute!important;left:50%!important;right:auto!important;top:52%!important;transform:translate(-50%,-50%)!important;width:min(390px,calc(100vw - 36px))!important}.auth-shell>.login-brand{left:22px!important;top:20px!important}.auth-shell:after{left:22px;bottom:16px}}