.auth-overlay{position:fixed;inset:0;z-index:400;background:rgba(6,12,22,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.auth-overlay.open{opacity:1;visibility:visible}.auth-drawer{position:fixed;top:0;right:0;z-index:401;width:min(380px,88vw);height:100dvh;background:#1a2730;color:#fff;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(0,0,0,.35)}.auth-overlay.open+.auth-drawer,.auth-drawer.open{transform:translateX(0)}.auth-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.auth-drawer-head h3{margin:0;font-size:16px;font-weight:700;letter-spacing:.02em}.auth-drawer-close{background:0 0;border:0;color:#c7d4df;font-size:22px;line-height:1;width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.auth-drawer-close:hover{background:rgba(255,255,255,.1);color:#fff}.auth-drawer-body{flex:1;overflow-y:auto;padding:22px 20px}.auth-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.auth-nav a{display:block;padding:11px 12px;font-size:15px;font-weight:600;color:#e6eef5;border-radius:7px;transition:.12s}.auth-nav a:hover{background:rgba(255,255,255,.07);color:#83bcff}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{font-size:12.5px;font-weight:600;color:#9fb3c4;letter-spacing:.03em}.auth-form input{width:100%;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;font-size:14.5px;outline:0;transition:.15s;box-sizing:border-box}.auth-form input:focus{border-color:#0759b7;background:rgba(255,255,255,.09)}.auth-form input::placeholder{color:#6e8194}.auth-submit{margin-top:4px;padding:12px 16px;background:linear-gradient(135deg,#0759b7,#0a6ee0);border:0;border-radius:8px;color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;transition:.15s}.auth-submit:hover{filter:brightness(1.1)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-error{color:#ff7a7a;font-size:13px;min-height:18px;margin-top:2px}.auth-hint{font-size:12px;color:#7d90a1;margin-top:14px;line-height:1.5}.auth-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 0 20px}.auth-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid #1e5fa8;background:rgba(255,255,255,.08)}.auth-avatar-fallback{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#0759b7,#19447f);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#fff}.auth-profile-name{margin:14px 0 2px;font-size:18px;font-weight:700}.auth-profile-role{color:#83bcff;font-size:13px;font-weight:600;margin:0 0 4px}.auth-profile-login{color:#8ea3b5;font-size:12.5px;margin:0 0 18px}.auth-logout{width:100%;padding:11px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#ff9a9a;font-size:14px;font-weight:600;cursor:pointer;transition:.15s}.auth-logout:hover{background:rgba(255,80,80,.16);border-color:#ff7a7a;color:#fff}.auth-loading{color:#9fb3c4;font-size:13px;text-align:center;padding:14px 0}.auth-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.18);border-top-color:#83bcff;border-radius:50%;animation:authSpin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes authSpin{to{transform:rotate(360deg)}}.header-profile{display:none;align-items:center;gap:9px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:999px;background:rgba(255,255,255,.07);transition:.15s}.header-profile:hover{background:rgba(255,255,255,.13)}.header-profile img{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-profile .hp-initials{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0759b7,#19447f);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.header-profile .hp-name{font-size:13.5px;font-weight:600;color:#f4f6f8;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.burger.auth-active svg path:nth-child(2){opacity:.3}.burger.auth-active svg path:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.auth-active svg path:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.burger svg path{transition:.25s;transform-box:fill-box;transform-origin:center}@media(max-width:640px){.auth-drawer{width:86vw}.header-profile .hp-name{display:none}.header-profile{padding:4px}}