.auth-body{min-height:100vh;background:linear-gradient(135deg,#0a4439,#0c6b58 48%,#e7f4ef 48%);font-family:"DM Sans",sans-serif}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr minmax(390px,520px);align-items:center;gap:8vw;max-width:1180px;margin:auto;padding:40px}.auth-brand{color:#fff}.auth-brand .brand-mark{margin-bottom:35px}.auth-brand .eyebrow{color:#bde4d7!important}.auth-brand h1{font:800 44px Manrope,sans-serif;margin:8px 0}.auth-brand p{max-width:510px;color:#d0e6df;font-size:16px;line-height:1.65}.auth-benefits{display:grid;gap:10px;margin-top:30px;color:#d9eee7}.auth-card{padding:38px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(6,44,36,.22)}.auth-card h2{font:800 28px Manrope,sans-serif;margin:0 0 6px}.auth-card>p,.auth-help{color:var(--muted)}.auth-card form,.role-create form{display:grid;gap:14px;margin-top:24px}.auth-card label,.role-create label{display:grid;gap:6px;color:#4e625b;font-size:11px;font-weight:700}.auth-card input,.role-create input,.role-create select,.role-user select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.auth-card .remember{display:flex;align-items:center}.remember input{width:17px}.auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:25px}.auth-help{display:block;margin-top:20px;font-size:10px;line-height:1.5}.auth-simple{width:min(540px,calc(100% - 30px));margin:12vh auto;padding:45px;text-align:center;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.auth-simple>span{font-size:42px}.auth-simple p{color:var(--muted);line-height:1.6}.role-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.role-users{display:grid}.role-user{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.role-user strong,.role-user small{display:block}.role-user small{margin-top:3px;color:var(--muted);font-size:10px}.role-user form{margin:0}.role-create form{padding:18px;margin:0}
@media(max-width:720px){.auth-body{background:#edf5f2}.auth-shell{display:block;min-height:100vh;padding:18px}.auth-brand{display:none}.auth-card{margin-top:5vh;padding:25px 20px;border-radius:20px}.auth-mobile-brand{display:flex}.role-layout{grid-template-columns:1fr}.role-user{display:grid;grid-template-columns:auto 1fr}.role-user form{grid-column:2}.role-user form,.role-user select,.role-user button{width:100%}}
.auth-product-footer{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:5;display:flex;width:max-content;max-width:calc(100vw - 28px);transform:translateX(-50%);justify-content:center;gap:8px;padding:9px 14px;border:1px solid rgba(12,74,61,.12);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(8,57,47,.1);color:#425b54;font-size:11px;line-height:1.35;backdrop-filter:blur(10px)}.auth-product-footer span,.auth-product-footer a{white-space:nowrap}.auth-product-footer a{color:var(--brand);font-weight:800}.auth-product-footer a:hover{text-decoration:underline}@media(max-width:720px){.auth-shell{padding-bottom:92px}.auth-product-footer{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;width:auto;max-width:none;transform:none;justify-items:center;gap:3px;padding:9px 12px;border-radius:14px;text-align:center;font-size:10.5px}}