.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 22px;background:radial-gradient(ellipse at 10% 0%,#e1e9d8,transparent 60%),#f5f4ee}.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:30px}.auth-brand img{object-fit:contain;filter:drop-shadow(0 5px 8px #1c4d2220)}.auth-brand strong{display:block;font-size:29px;letter-spacing:-1px;color:#173c2b}.auth-brand span{display:block;font-size:10px;letter-spacing:1.8px;margin-top:5px;color:#56704d;font-weight:650}.auth-card{width:min(100%,480px);padding:33px 34px;border:1px solid #dce3d4;border-radius:22px;background:#fffefa;box-shadow:0 6px 12px #24452604,0 24px 55px #2445260b;animation:auth-arrive .35s ease both}.auth-card .eyebrow{font-size:11px!important;letter-spacing:1.3px}.auth-card h1{font-size:33px;line-height:1.13;letter-spacing:-1px;margin:12px 0 16px;color:#183e2c}.auth-intro{font-size:16px;line-height:1.6;color:#62725a;margin:0 0 23px}.auth-card .field label{font-size:15px}.auth-card .field small{font-size:13px;color:#67795f;line-height:1.5}.auth-submit{margin-top:23px;min-height:53px;border-radius:11px;justify-content:space-between}.auth-password{position:relative}.auth-password input{padding-right:78px}.auth-password>button{position:absolute;top:4px;right:4px;bottom:4px;border:0;border-radius:8px;background:#edf2e6;color:#355e39;min-width:61px;font-size:13px;font-weight:650;cursor:pointer}.auth-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 9px;border-top:1px solid #e7e9df;padding-top:21px;margin-top:24px;font-size:14px;color:#65735c}.auth-switch button,.auth-text-button{border:0;background:transparent;color:#17633e;font-weight:650;font-size:14px;min-height:44px;cursor:pointer}.auth-help{font-size:13px;line-height:1.5;color:#738066;text-align:center;margin:10px 0}.auth-text-button{display:block;margin:5px auto 0}.auth-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:13px;color:#718267;margin:26px 0 0}.auth-footer span{letter-spacing:1px;font-size:11px}.auth-error{padding:12px 14px;margin:16px 0 0;border:1px solid #edd4c9;border-radius:10px;background:#fff1e9;color:#8a4736;font-size:15px}.auth-card button:focus-visible{outline:3px solid #7c9d63;outline-offset:3px}.users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px;flex-wrap:wrap}.user-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px;border:1px solid #dde5d4;background:#fffefa;border-radius:16px}.user-card strong{font-size:19px}.user-card .item-sub{margin-top:6px}.user-card .user-status{display:inline-flex;margin-top:10px}.user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.users-list{display:grid;gap:13px}.user-status.pending{background:#fff1cb;color:#856118}.user-status.blocked{background:#fbe7e2;color:#994c39}.user-password-reveal{padding:16px;border:1px solid #cfdcbe;border-radius:12px;background:#eff5e7;overflow-wrap:anywhere}.user-password-reveal code{display:block;font-size:18px;padding:10px 0;user-select:all}.user-password-reveal p{font-size:14px;line-height:1.5;margin:7px 0}.user-empty{text-align:center;padding:40px 20px;color:#667d58}
@keyframes auth-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.user-card[hidden]{display:none}
@media(max-width:600px){.auth-page{padding:calc(22px + env(safe-area-inset-top,0px)) 17px calc(28px + env(safe-area-inset-bottom,0px));justify-content:flex-start}.auth-brand{margin:12px 0 24px}.auth-brand img{width:56px;height:70px}.auth-brand strong{font-size:26px}.auth-card{padding:27px 23px;border-radius:19px}.auth-card h1{font-size:31px}.auth-card .field input,.auth-card .field select{font-size:17px;min-height:51px}.auth-card .form-grid{gap:15px}.auth-footer{font-size:12px;gap:8px;margin-top:23px}.user-card{grid-template-columns:1fr;gap:15px;padding:19px}.user-actions{border-top:1px solid #e5e9de;padding-top:13px}.user-actions .btn{flex:1;min-height:44px;padding:9px 11px}.users-toolbar h1{font-size:29px}}
@media(hover:hover){.auth-switch button:hover,.auth-text-button:hover{text-decoration:underline}.user-card:hover{border-color:#cad8bb;box-shadow:0 5px 18px #19482d07}}
@media(prefers-reduced-motion:reduce){.auth-card{animation:none}}