.site-header{background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-header);box-shadow:0 2px 10px #0000000f}.site-header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;gap:var(--spacing-lg)}.site-logo{display:flex;align-items:center;flex-shrink:0}.site-logo-img{height:48px;width:auto;object-fit:contain}.site-nav{display:flex;align-items:center;gap:var(--spacing-xl);flex:1;justify-content:center}.site-nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-dark);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.site-nav-link:hover{color:#f60}.site-header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.dash-user-email{font-size:var(--font-size-sm);color:var(--color-text-gray);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{background:transparent;color:var(--color-text-gray);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-logout:hover{background:var(--color-bg-light);color:var(--color-text-dark);border-color:var(--color-text-gray)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.mobile-menu-toggle span{display:block;width:22px;height:2px;background:var(--color-text-dark);border-radius:2px;position:relative;transition:all var(--transition-fast)}.mobile-menu-toggle span:before,.mobile-menu-toggle span:after{content:"";display:block;width:22px;height:2px;background:var(--color-text-dark);border-radius:2px;position:absolute;left:0;transition:all var(--transition-fast)}.mobile-menu-toggle span:before{top:-7px}.mobile-menu-toggle span:after{top:7px}.footer-disclaimer{background-color:#e8e8ea;color:#6b7280;text-align:center;font-size:11px;font-weight:700;padding:8px var(--spacing-xl);letter-spacing:.01em;font-style:italic}.site-footer{background:linear-gradient(135deg,#c7d6fa,#d5cbfa,#f4d9f5);padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-xl);position:relative;overflow:hidden;width:100%;max-width:100vw}.site-footer:before{content:"";position:absolute;width:600px;height:600px;top:-200px;right:-100px;border-radius:50%;background:#ffffff1a;z-index:1}.site-footer-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-4xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid rgba(255,255,255,.3)}.footer-brand{max-width:400px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-dark);text-decoration:none;margin-bottom:var(--spacing-lg)}.footer-logo-image{height:100px;width:auto;object-fit:contain}.footer-description{font-size:calc(var(--font-size-sm) + 1px);line-height:1.7;color:#4a5568}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}.footer-column-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin-bottom:var(--spacing-lg)}.footer-menu{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-link{font-size:calc(var(--font-size-sm) + 1px);color:#4a5568;text-decoration:none;transition:all var(--transition-fast);display:inline-block}.footer-link:hover{color:var(--color-primary);transform:translate(4px)}.footer-bottom-bar{border-top:1px solid rgba(0,0,0,.1)}.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0}.footer-bottom-inner p{font-size:var(--font-size-sm);color:var(--color-text-light)}.footer-login-link{display:inline-block;font-size:var(--font-size-xs);color:var(--color-text-light);text-decoration:none;opacity:.5;transition:opacity var(--transition-fast)}.footer-login-link:hover{opacity:1;color:var(--color-text-gray)}.dashboard-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-light)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:#f60;border-radius:50%;animation:spin .7s linear infinite}.loading-spinner-sm{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:#f60;border-radius:50%;animation:spin .7s linear infinite;margin:var(--spacing-xl) auto}@keyframes spin{to{transform:rotate(360deg)}}.dash-main{min-height:calc(100vh - 80px);background:var(--color-bg-light);padding:var(--spacing-3xl) 0 var(--spacing-4xl)}.dash-welcome{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.dash-welcome-text{min-width:0}.dash-title{font-size:var(--font-size-4xl);color:var(--color-text-dark);margin-bottom:var(--spacing-xs)}.dash-subtitle{color:var(--color-text-gray);font-size:var(--font-size-base);overflow:hidden;text-overflow:ellipsis}.btn-new-search{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);text-decoration:none;white-space:nowrap;transition:background-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:0 4px 14px #5b6ee159;flex-shrink:0}.btn-new-search:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #5b6ee166;color:#fff}.btn-new-search:active{transform:translateY(0)}.btn-new-search svg{stroke:#fff}.dash-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.dash-stat-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.dash-stat-card:hover{box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:22px;height:22px}.stat-icon-blue{background:#e8f0fe}.stat-icon-blue svg{stroke:#3b5bdb}.stat-icon-green{background:#e8f8f0}.stat-icon-green svg{stroke:#27ae60}.stat-icon-orange{background:#fff3e8}.stat-icon-orange svg{stroke:#f60}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-gray);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-dark);line-height:1}.stat-value-sm{font-size:var(--font-size-base);word-break:break-all}.stat-next-billing{font-size:11px;color:var(--color-text-gray);margin-top:var(--spacing-xs);font-weight:var(--font-weight-medium)}.dash-section{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--spacing-xl)}.dash-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.dash-section-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.section-icon{flex-shrink:0}.section-icon-blue{stroke:#3b5bdb}.section-icon-green{stroke:#27ae60}.dash-section-title{font-size:var(--font-size-xl);color:var(--color-text-dark);font-weight:var(--font-weight-semibold)}.dash-badge{background:var(--color-bg-light);color:var(--color-text-gray);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 10px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.section-loading{padding:var(--spacing-2xl);text-align:center}.section-empty{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;color:var(--color-text-gray);font-size:var(--font-size-base)}.section-link{color:#f60;text-decoration:none;font-weight:var(--font-weight-medium)}.section-link:hover{text-decoration:underline}.search-card{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.search-card:last-child{border-bottom:none}.search-card:hover{background:#fafbfc}.search-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}.search-card-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.search-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.search-card-phone-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.search-phone-icon{width:28px;height:28px;background:#f0f4ff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-phone-icon svg{stroke:#3b5bdb}.search-phone-number{font-weight:var(--font-weight-semibold);color:var(--color-text-dark);font-family:monospace;font-size:var(--font-size-base);letter-spacing:.02em}.search-label-tag{display:inline-block;background:#fff3e8;color:#f60;font-size:11px;font-weight:var(--font-weight-semibold);padding:2px 9px;border-radius:var(--radius-full);border:1px solid rgba(255,102,0,.2);white-space:nowrap}.search-category-tag{display:inline-block;font-size:11px;font-weight:var(--font-weight-semibold);padding:2px 9px;border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.search-date{font-size:var(--font-size-xs);color:var(--color-text-light);white-space:nowrap;flex-shrink:0}.search-card-meta{display:flex;align-items:center;gap:6px}.search-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.search-status-offline{background:#d1d5db}.search-status-online{background:#22c55e;box-shadow:0 0 0 2px #22c55e40}.search-status-label{font-size:var(--font-size-xs);color:var(--color-text-gray)}.search-status-label strong{color:var(--color-text-dark);font-weight:var(--font-weight-semibold)}.search-card-badges{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap}.badge-green{background:#e8f8f0;color:#27ae60}.badge-gray{background:var(--color-bg-light);color:var(--color-text-light)}.badge-blue{background:#e8f0fe;color:#3b5bdb;transition:background var(--transition-fast)}.badge-blue:hover{background:#d0e0fc}.location-accuracy{font-size:var(--font-size-xs);color:var(--color-text-light)}.search-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.btn-search-action{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-full);padding:6px 14px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;border:1px solid transparent}.btn-search-action svg{flex-shrink:0}.btn-search-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);width:36px;height:36px;padding:0;border-radius:50%;justify-content:center;flex:none;transition:background-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:0 2px 8px #5b6ee14d}.btn-search-primary svg{stroke:#fff}.btn-search-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:scale(1.08);box-shadow:0 4px 14px #5b6ee166}.btn-search-primary:active{transform:scale(1)}.btn-edit-label{background:none;color:var(--color-text-gray);border-color:var(--color-border)}.btn-edit-label svg{stroke:var(--color-text-gray)}.btn-edit-label:hover{background:var(--color-bg-light);color:var(--color-text-dark);border-color:var(--color-text-gray)}.dash-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.dash-bottom-grid .dash-section{margin-bottom:0}.payment-empty{padding:var(--spacing-2xl) var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.payment-empty-icon{width:56px;height:56px;background:#fef3c7;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xs)}.payment-empty-icon svg{stroke:#d97706}.payment-empty-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.payment-empty-sub{font-size:var(--font-size-xs);color:var(--color-text-light);line-height:1.5;max-width:240px}.dash-support-banner{background:linear-gradient(135deg,#eef2ff,#f0fdf4);border:1px solid #c7d2fe;border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);overflow:hidden}.dash-support-inner{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl)}.dash-support-icon{width:56px;height:56px;background:var(--color-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-support-icon svg{stroke:#fff}.dash-support-text{flex:1;min-width:0}.dash-support-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:4px}.dash-support-desc{font-size:var(--font-size-sm);color:var(--color-text-gray);line-height:1.5}.dash-support-desc strong{color:var(--color-text-dark)}.dash-support-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.btn-support-contact{display:inline-flex;align-items:center;gap:7px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:9px 18px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);text-decoration:none;white-space:nowrap;transition:background-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:0 2px 8px #5b6ee14d}.btn-support-contact svg{stroke:#fff}.btn-support-contact:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #5b6ee166;color:#fff}.dash-support-badge{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#16a34a}.support-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #22c55e40;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #22c55e40}50%{box-shadow:0 0 0 4px #22c55e26}}.profile-body{padding:0 var(--spacing-xl)}.profile-row{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.profile-row:last-child{border-bottom:none}.profile-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-gray);min-width:130px}.profile-value{font-size:var(--font-size-sm);color:var(--color-text-dark);font-weight:var(--font-weight-medium);word-break:break-word}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.modal-close{width:36px;height:36px;background:var(--color-bg-light);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.modal-close svg{stroke:var(--color-text-gray)}.modal-close:hover{background:var(--color-border)}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-gray);margin-bottom:var(--spacing-lg);line-height:1.5}.modal-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-md)}.modal-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-gray);text-transform:uppercase;letter-spacing:.05em}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.btn-modal-cancel{flex:1;background:var(--color-bg-light);color:var(--color-text-gray);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-modal-cancel:hover{background:var(--color-border);color:var(--color-text-dark)}.btn-modal-save{flex:2;background:#f60;color:#fff;border:none;border-radius:var(--radius-full);padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal)}.btn-modal-save:hover{background:#e05a00}.btn-modal-save:disabled{opacity:.7;cursor:not-allowed}.btn-modal-danger{background:#ef4444}.btn-modal-danger:hover{background:#dc2626}.dash-stat-card--subscription{flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-start}.dash-stat-card--subscription .stat-info{flex:1;min-width:0}.subscription-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);padding:2px 14px}.subscription-badge--active{background:#e8f8f0;color:#27ae60}.subscription-badge--active:before{content:"";width:8px;height:8px;background:#27ae60;border-radius:50%;display:inline-block}.subscription-badge--inactive{background:#fef2f2;color:#ef4444}.subscription-badge--inactive:before{content:"";width:8px;height:8px;background:#ef4444;border-radius:50%;display:inline-block}.btn-unsubscribe{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:var(--font-weight-semibold);font-family:var(--font-primary);color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-full);padding:5px 12px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;margin-top:auto;align-self:flex-end}.btn-unsubscribe:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-unsubscribe svg{flex-shrink:0}.modal-card--wide{max-width:580px}.unsubscribe-modal-body{padding-top:var(--spacing-md)}.unsubscribe-modal-body .info-box{display:flex;gap:16px;padding:16px 20px;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.unsubscribe-modal-body .info-icon{font-size:24px;flex-shrink:0;line-height:1.4}.unsubscribe-modal-body .info-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#92400e;margin-bottom:4px}.unsubscribe-modal-body .info-description{font-size:var(--font-size-xs);color:#78350f;line-height:1.5}.unsubscribe-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-gray)}@media (max-width: 1024px){.site-nav{gap:var(--spacing-lg)}.footer-links{gap:var(--spacing-2xl)}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:0;padding:var(--spacing-sm) 0;box-shadow:var(--shadow-md);z-index:99;flex:none}.site-nav.nav-open{display:flex}.site-nav-link{padding:var(--spacing-md) var(--spacing-xl);width:100%;border-bottom:1px solid var(--color-bg-light)}.site-header{position:sticky}.site-header-inner{position:relative}.dash-user-email{display:none}.dash-stats-grid{grid-template-columns:1fr}.dash-title{font-size:var(--font-size-2xl)}.dash-subtitle{font-size:var(--font-size-sm)}.dash-welcome{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.search-card-body{flex-direction:column;gap:var(--spacing-md)}.search-card-top{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.search-card-actions{flex-direction:row;align-items:center;gap:10px}.btn-search-action{justify-content:center}.btn-edit-label{flex:1}.site-footer{padding:var(--spacing-3xl) var(--spacing-md) var(--spacing-lg)}.site-footer-inner{grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.footer-brand{max-width:100%}.footer-logo-image{height:50px}.footer-links{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.footer-bottom-inner{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width: 768px){.dash-bottom-grid{grid-template-columns:1fr}.dash-support-inner{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}.dash-support-actions{align-items:flex-start;width:100%}}@media (max-width: 480px){.modal-card{padding:var(--spacing-xl) var(--spacing-lg)}.modal-actions{flex-direction:column}.btn-modal-cancel,.btn-modal-save{flex:none;width:100%}}.login-main{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f8faff,#f5f7fa 60%,#fff8f5);display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg)}.login-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-3xl) var(--spacing-2xl);width:100%;max-width:440px;border:1px solid var(--color-border)}.login-icon{width:56px;height:56px;background:linear-gradient(135deg,#fff3e8,#ffe4cc);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-xl)}.login-icon svg{stroke:#f60}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-dark);text-align:center;margin-bottom:var(--spacing-sm)}.login-subtitle{font-size:var(--font-size-base);color:var(--color-text-gray);text-align:center;margin-bottom:var(--spacing-xl);line-height:1.6}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.btn-login{width:100%;background-color:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:48px;box-shadow:0 4px 14px #5b6ee159}.btn-login:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #5b6ee166}.btn-login:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-loader{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite;display:inline-block}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-message{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.login-error{background:#fff3f3;color:#c0392b;border:1px solid #f5c6c6}.success-icon{width:64px;height:64px;background:#e8f8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.success-icon svg{width:28px;height:28px;stroke:#27ae60}.login-hint{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center;margin-top:var(--spacing-sm)}.btn-back-home{background:transparent;color:var(--color-text-gray);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-primary);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn-back-home:hover{background:var(--color-bg-light);color:var(--color-text-dark);border-color:var(--color-text-gray)}@media (max-width: 480px){.login-card{padding:var(--spacing-2xl) var(--spacing-lg)}}