/*

Proje adı: Dijital vCard sistemi
Versiyon: 0.01

*/


/* Bireysel Kayıt Sayfası Stilleri */
.register-wrapper { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%); padding: 20px; }
.register-card { background: #ffffff; width: 100%; max-width: 480px; border-radius: 20px; box-shadow: 0 20px 40px -10px rgba(0,0,0,0.1); overflow: hidden; position: relative; }
.register-header { text-align: center; padding: 40px 40px 20px 40px; }
.register-logo { width: 64px; height: 64px; background: #6366f1; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: 28px; margin-bottom: 20px; box-shadow: 0 10px 20px -5px rgba(99, 102, 241, 0.4); }
.register-title { font-size: 24px; font-weight: 800; color: #1e293b; margin: 0; letter-spacing: -0.5px; }
.register-subtitle { color: #64748b; font-size: 15px; margin-top: 8px; }
.register-body { padding: 20px 40px 40px 40px; }
.step-container { display: none; animation: fadeIn 0.4s ease; }
.step-container.active { display: block; }
.form-group { margin-bottom: 20px; }
.form-label { display: block; font-weight: 600; font-size: 14px; color: #334155; margin-bottom: 8px; }
.form-control-lg { width: 100%; padding: 12px 16px; border: 2px solid #e2e8f0; border-radius: 12px; font-size: 15px; transition: all 0.3s; outline: none; }
.form-control-lg:focus { border-color: #6366f1; box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1); }
.btn-verify { background: #6366f1; color: white; border: none; width: 100%; padding: 14px; border-radius: 12px; font-weight: 700; font-size: 16px; cursor: pointer; transition: all 0.3s; }
.btn-verify:hover { background: #4f46e5; transform: translateY(-2px); box-shadow: 0 10px 20px -5px rgba(79, 70, 229, 0.3); }
.btn-verify:disabled { background: #cbd5e1; cursor: not-allowed; transform: none; box-shadow: none; }
.verification-input { letter-spacing: 8px; text-align: center; font-family: monospace; font-size: 24px; font-weight: 700; }
.step-indicator { display: flex; justify-content: center; gap: 8px; margin-bottom: 30px; }
.step-dot { width: 8px; height: 8px; border-radius: 50%; background: #e2e8f0; transition: all 0.3s; }
.step-dot.active { background: #6366f1; width: 24px; border-radius: 10px; }
.alert-box { padding: 12px 16px; border-radius: 10px; font-size: 14px; margin-bottom: 20px; display: none; align-items: center; gap: 10px; }
.alert-error { background: #fef2f2; color: #ef4444; border: 1px solid #fee2e2; }
.alert-success { background: #f0fdf4; color: #16a34a; border: 1px solid #dcfce7; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
/* PANELİM.PHP STİLLERİ */
.panel-wrapper { min-height: 100vh; background: #f1f5f9; padding-bottom: 40px; }
.panel-navbar { background: #ffffff; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); padding: 15px 0; margin-bottom: 30px; }
.panel-brand { font-size: 20px; font-weight: 800; color: #1e293b; text-decoration: none; display: flex; align-items: center; gap: 10px; }
.panel-brand i { color: #6366f1; font-size: 24px; }
.panel-user-dropdown { display: flex; align-items: center; gap: 10px; }
.panel-card { background: white; border-radius: 16px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); overflow: hidden; height: 100%; border: 1px solid #e2e8f0; }
.profile-header-bg { height: 100px; background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }
.profile-avatar-wrapper { margin-top: -50px; text-align: center; position: relative; }
.profile-avatar { width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); object-fit: cover; background: #fff; }
.profile-avatar-edit { position: absolute; bottom: 0; left: 50%; transform: translateX(20px); background: #1e293b; color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; }
.profile-avatar-edit:hover { background: #6366f1; }
.profile-info { text-align: center; padding: 15px 20px; }
.profile-name { font-weight: 700; color: #1e293b; font-size: 18px; margin: 0; }
.profile-slug { color: #64748b; font-size: 13px; margin-bottom: 15px; display: block; text-decoration: none; }
.qr-container { background: #f8fafc; padding: 15px; border-radius: 12px; margin: 15px 20px; text-align: center; border: 1px solid #e2e8f0; }
.qr-container img { max-width: 120px; height: auto; }
.nav-pills-custom .nav-link { color: #64748b; font-weight: 600; padding: 12px 20px; border-radius: 8px; margin-bottom: 5px; }
.nav-pills-custom .nav-link.active { background: #eef2ff; color: #6366f1; }
.nav-pills-custom .nav-link i { width: 24px; }
.form-section-title { font-size: 16px; font-weight: 700; color: #334155; margin-bottom: 20px; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px; }
.social-input-group { position: relative; margin-bottom: 15px; }
.social-input-group i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 18px; }
.social-input-group input { padding-left: 45px; }
.btn-save { background: #6366f1; color: white; padding: 12px 30px; border-radius: 10px; font-weight: 700; border: none; transition: 0.3s; }
.btn-save:hover { background: #4f46e5; transform: translateY(-2px); box-shadow: 0 10px 20px -5px rgba(99, 102, 241, 0.3); }