/* Auth Styles */
.auth-nav-wrap{display:flex;align-items:center;gap:8px;margin-right:12px;flex-shrink:0}
.auth-nav-btn{padding:7px 18px;background:linear-gradient(135deg,#B5881B,#D4A843);color:#070707;border:none;border-radius:8px;font-family:'Cairo',sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.auth-nav-btn:hover{box-shadow:0 4px 16px rgba(212,168,67,.3);transform:translateY(-1px)}
.auth-nav-btn svg{width:14px;height:14px}

/* User menu */
.auth-user-menu{position:relative}
.auth-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#B5881B,#D4A843);color:#070707;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;cursor:pointer;border:2px solid transparent;transition:all .3s;user-select:none}
.auth-avatar:hover{border-color:rgba(212,168,67,.5);box-shadow:0 0 12px rgba(212,168,67,.2)}
.auth-dropdown{position:absolute;top:calc(100% + 10px);left:0;background:#161616;border:1px solid #2a2a2a;border-radius:14px;min-width:200px;box-shadow:0 16px 48px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;z-index:1001;overflow:hidden}
.auth-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}
.auth-dd-user{padding:14px 16px;border-bottom:1px solid #1e1e1e}
.auth-dd-user .dd-name{font-size:.88rem;font-weight:700;color:#F5F0E8;margin-bottom:2px}
.auth-dd-user .dd-email{font-size:.72rem;color:#8A8A8A}
.auth-dropdown a,.auth-dropdown button{display:flex;width:100%;padding:12px 16px;color:#C8BEA0;text-decoration:none;font-family:'Cairo',sans-serif;font-size:.85rem;border:none;background:none;text-align:right;cursor:pointer;transition:background .15s;align-items:center;gap:8px}
.auth-dropdown a:hover,.auth-dropdown button:hover{background:rgba(212,168,67,.04);color:#D4A843}
.auth-dropdown .dd-logout{color:#E53935}
.auth-dropdown .dd-logout:hover{background:rgba(229,57,53,.06);color:#E53935}
.auth-dropdown svg{width:16px;height:16px;flex-shrink:0}

/* Overlay */
.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.auth-overlay.show{display:flex}

/* Modal */
.auth-modal{background:#111;border:1px solid #2a2a2a;border-radius:20px;width:92%;max-width:400px;max-height:90vh;overflow-y:auto;position:relative;animation:authUp .3s ease}
@keyframes authUp{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.auth-close{position:absolute;top:12px;left:12px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.05);border:none;color:#666;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}
.auth-close:hover{background:rgba(229,57,53,.1);color:#E53935}
.auth-head{text-align:center;padding:28px 24px 0}
.auth-head h2{color:#D4A843;font-size:1.2rem;margin:0 0 4px;font-weight:800}
.auth-head p{color:#666;font-size:.78rem;margin:0}

/* Tabs */
.auth-tabs{display:flex;margin:18px 20px 0;border-radius:10px;overflow:hidden;border:1px solid #1e1e1e;background:#0a0a0a}
.auth-tab{flex:1;padding:10px;text-align:center;font-family:'Cairo',sans-serif;font-size:.85rem;font-weight:700;background:none;color:#666;border:none;cursor:pointer;transition:all .2s}
.auth-tab.active{background:rgba(212,168,67,.08);color:#D4A843}

/* Forms */
.auth-form{padding:18px 20px 22px;display:none}
.auth-form.active{display:block}
.auth-input-group{margin-bottom:12px}
.auth-input-group label{display:block;color:#999;font-size:.78rem;margin-bottom:5px;font-weight:600}
.auth-input{width:100%;padding:11px 14px;background:#070707;border:1px solid #1e1e1e;border-radius:10px;color:#F5F0E8;font-family:'Cairo',sans-serif;font-size:.88rem;outline:none;transition:border .2s}
.auth-input:focus{border-color:#D4A843}
.auth-input::placeholder{color:#444}
.auth-input[dir="ltr"]{text-align:left}
.auth-btn{width:100%;padding:12px;background:linear-gradient(135deg,#B5881B,#D4A843);color:#070707;border:none;border-radius:10px;font-family:'Cairo',sans-serif;font-size:.92rem;font-weight:800;cursor:pointer;transition:all .3s;margin-top:4px}
.auth-btn:hover{box-shadow:0 6px 20px rgba(212,168,67,.2)}
.auth-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}

/* Divider */
.auth-or{display:flex;align-items:center;gap:10px;margin:16px 0;color:#444;font-size:.75rem}
.auth-or::before,.auth-or::after{content:'';flex:1;height:1px;background:#1e1e1e}

/* Google */
.auth-google{width:100%;padding:11px;background:#070707;border:1px solid #1e1e1e;border-radius:10px;color:#ddd;font-family:'Cairo',sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}
.auth-google:hover{border-color:#D4A843;background:#0d0d0d}
.auth-google svg{width:18px;height:18px;flex-shrink:0}

/* Messages */
.auth-msg{padding:10px 12px;border-radius:8px;font-size:.8rem;margin-bottom:10px;display:none;font-weight:600}
.auth-msg.err{display:block;background:rgba(229,57,53,.08);border:1px solid rgba(229,57,53,.15);color:#E53935}
.auth-msg.ok{display:block;background:rgba(76,175,80,.08);border:1px solid rgba(76,175,80,.15);color:#4CAF50}

@media(max-width:768px){
    .auth-nav-wrap{margin-right:6px}
    .auth-nav-btn{padding:6px 12px;font-size:.75rem}
    .auth-avatar{width:32px;height:32px;font-size:.8rem}
    .auth-modal{width:100%;max-width:none;border-radius:18px 18px 0 0;margin-top:auto;max-height:88vh}
    .auth-overlay.show{align-items:flex-end}
    .auth-dropdown{left:auto;right:-8px;min-width:180px}
}