body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUpFadeIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:400px;padding:40px;width:100%}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:30px;text-align:center}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:2px;margin:0 0 12px}.auth-description{color:#666;font-size:16px;line-height:1.5;margin:0 0 30px;text-align:center}.auth-tabs{background:#f8f9fa;border-radius:10px;display:flex;gap:4px;margin-bottom:30px;overflow:hidden;padding:4px;position:relative}.auth-tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;position:relative;transition:all .3s ease;z-index:1}.auth-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#3b82f6}.auth-tab:not(.active):hover{background:#ffffff80;color:#374151}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#333}.input-icon{color:#9ca3af;left:14px;pointer-events:none;position:absolute;z-index:2}.input-icon,.input-icon svg{height:20px;width:20px}.input-container input{border:2px solid #e1e5e9;padding:12px 12px 12px 48px;transition:all .2s ease}.input-container input[type=password]{padding-right:44px}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease;z-index:1}.password-toggle:hover{color:#3b82f6}.toggle-icon,.toggle-icon svg{height:20px;width:20px}.input-container:focus-within .input-icon{color:#3b82f6}.auth-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:10px;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.auth-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-submit:hover:before{left:100%}.auth-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.auth-submit:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(0)}.search-bar-container{width:100%}.search-bar-wrapper{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;height:44px;padding:0 12px;position:relative;transition:all .2s ease}.search-bar-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#6b7280;flex-shrink:0;font-size:18px;height:18px;margin-right:8px;width:18px}.search-clear-btn svg{height:20px;width:20px}.search-input{background:#0000;border:none;color:#374151;flex:1 1;font-size:15px;outline:none;padding:10px 0;width:100%}.search-input::placeholder{color:#9ca3af}.search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;margin-left:8px;padding:0;transition:all .2s ease;width:24px}.search-clear-btn:hover{background:#f3f4f6;color:#374151}.search-clear-btn:active{transform:scale(.9)}@media (max-width:768px){.search-bar-container{margin-bottom:12px;margin-right:0;max-width:100%}.search-bar-wrapper{width:100%}}.user-menu{flex-shrink:0;position:relative}.user-menu-trigger{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform .2s ease}.user-menu-trigger:hover{transform:scale(1.05)}.user-menu-trigger:active{transform:scale(.95)}.user-avatar{align-items:center;border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.user-avatar:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-avatar-initials{line-height:1;text-align:center}.user-menu-dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-menu-header{border-bottom:1px solid #e5e7eb;padding:12px 16px}.user-menu-email{color:#374151;font-size:14px;font-weight:500;word-break:break-all}.user-menu-divider{background:#e5e7eb;height:1px}.user-menu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.user-menu-item:hover{background:#f3f4f6;color:#1f2937}.user-menu-item:active{background:#e5e7eb}.user-menu-icon{font-size:16px;height:16px;width:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-menu-dropdown{min-width:180px;right:0}.user-avatar{font-size:13px;height:36px;width:36px}}.app-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.header-logo{align-items:center;display:flex}.header-logo{color:#1f2937;flex-shrink:0;font-size:20px;font-weight:700;gap:10px;letter-spacing:.5px}.logo-icon{color:#3b82f6;font-size:28px;height:28px;width:28px}.add-icon{height:16px;width:16px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#3b82f6);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.header-search-group{align-items:center;display:flex;flex:1 1;gap:12px;max-width:700px}.header-search{flex:1 1;min-width:200px}.header-add-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;height:44px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.header-add-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.header-add-btn:active{box-shadow:0 2px 4px #3b82f633;transform:translateY(0)}.add-btn-text{font-weight:600}.add-icon{font-size:16px;font-weight:700}@media (max-width:1024px){.header-content{gap:12px}.logo-text{display:none}}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:12px}.header-search-group{flex-direction:column;gap:12px;max-width:100%;order:3;width:100%}.header-search{max-width:100%;min-width:100%;width:100%}.header-add-btn{font-size:14px;justify-content:center;padding:10px 16px;width:100%}}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center;-webkit-user-select:none;user-select:none}.avatar-small{font-size:12px;height:32px;width:32px}.avatar-medium{font-size:18px;height:48px;width:48px}.avatar-large{font-size:24px;height:64px;width:64px}.avatar-initials{line-height:1;text-align:center}.contact-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.contact-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.contact-main{align-items:center;display:flex;gap:16px}.contact-info,.contact-main{flex:1 1;min-width:0}.contact-name{color:#333;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.contact-phone{color:#666;font-family:Courier New,monospace;font-size:14px;margin:0}.contact-actions{gap:8px}.action-btn,.contact-actions{align-items:center;display:flex}.action-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;height:32px;justify-content:center;padding:8px;transition:background-color .2s ease;width:32px}.action-btn svg{display:block;flex-shrink:0;height:18px;width:18px}.action-btn svg circle,.action-btn svg line,.action-btn svg path,.action-btn svg polyline,.action-btn svg rect{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.delete-btn svg{color:#6b7280!important}.delete-btn svg circle,.delete-btn svg line,.delete-btn svg path,.delete-btn svg polyline,.delete-btn svg rect{stroke:#6b7280!important;fill:none!important}.edit-btn:hover{background:#f3f4f6}.delete-btn{background:none!important}.delete-btn:hover{background:#f3f4f6!important}.action-btn:active{transform:scale(.95)}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;display:inline-block}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.contact-card-skeleton{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px}.skeleton-main{align-items:center;display:flex;flex:1 1;gap:16px}.skeleton-avatar{flex-shrink:0}.skeleton-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.skeleton-name{margin-bottom:4px}.skeleton-phone{margin-top:4px}.skeleton-actions{gap:8px}.empty-state,.skeleton-actions{align-items:center;display:flex}.empty-state{justify-content:center;min-height:400px;width:100%}.empty-state-card{animation:fadeIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;max-width:500px;padding:60px 40px;text-align:center;width:100%}.empty-state-icon{align-items:center;animation:float 3s ease-in-out infinite;color:#3b82f6;display:flex;font-size:80px;justify-content:center;margin-bottom:24px}.empty-state-icon svg{height:80px;width:80px}.empty-state-title{color:#374151;font-size:20px;font-weight:600;line-height:1.5;margin:0 0 32px}.empty-state-action{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.empty-state-action:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.empty-state-action:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.empty-state{min-height:300px}.empty-state-card{padding:40px 24px}.empty-state-icon{font-size:64px;margin-bottom:20px}.empty-state-title{font-size:18px;margin-bottom:24px}.empty-state-action{justify-content:center;width:100%}}.contact-list-container{background:linear-gradient(135deg,#fff,#f0f4f8);min-height:100vh;padding:0}.contact-list-content{margin:0 auto;max-width:1200px;padding:40px 20px}.contacts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.contacts-grid{grid-template-columns:1fr}.contact-list-content{padding:20px 16px}}.modal-content{max-height:90vh;max-width:500px;overflow-y:auto}.modal-header{align-items:center;display:flex;justify-content:center;position:relative}.modal-title{flex:1 1;text-align:center}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;position:absolute;right:24px;top:24px;transition:background-color .2s ease;width:32px}.modal-close:hover{background:#f3f4f6}.modal-close svg{height:20px;width:20px}.modal-form{gap:20px;padding:0 24px 24px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:500}.input-container{align-items:center;display:flex;position:relative}.input-container input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px 40px 12px 12px;transition:border-color .2s ease;width:100%}.input-container input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-action{align-items:center;background:#f1f3f4;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;transition:background-color .2s ease;width:24px}.input-action:hover{background:#e5e7eb}.modal-actions{padding-top:20px}.save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.save-btn:hover{background:#2563eb}.cancel-btn:active,.save-btn:active{transform:translateY(1px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:400px;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:24px 24px 0}.modal-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.modal-body{padding:0 24px}.delete-message{color:#374151;font-size:16px;line-height:1.5;margin:0}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:20px 24px 24px}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.delete-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.delete-btn:hover{background:#b91c1c}.cancel-btn:active,.delete-btn:active{transform:translateY(1px)}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;margin-bottom:12px;max-width:500px;min-width:300px;overflow:hidden;padding:14px 16px;position:relative}.toast:before{background:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.toast-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.toast-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.toast-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.toast-content{flex:1 1;gap:12px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{background:#ffffff4d;border-radius:50%;flex-shrink:0;font-size:18px;font-weight:700;height:20px;justify-content:center;width:20px}.toast-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;line-height:1;margin-left:12px;opacity:.7;padding:0;transition:background-color .2s ease;width:24px}.toast-close:hover{background:#0000001a;opacity:1}.toast-close:active{transform:scale(.9)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.toast{max-width:calc(100vw - 32px);min-width:280px;padding:12px 14px}.toast-message{font-size:13px}}.toast-container{align-items:flex-end;display:flex;flex-direction:column;pointer-events:none;position:fixed;right:20px;top:20px;z-index:3000}.toast-container>*{pointer-events:auto}@media (max-width:768px){.toast-container{align-items:stretch;left:10px;right:10px;top:10px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{min-height:100vh;position:relative}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#dc2626;font-size:14px;font-weight:500;max-width:400px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1001}.loading-overlay{align-items:center;background:#fffc;bottom:0;color:#374151;display:flex;font-size:18px;font-weight:500;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}button{border:none;cursor:pointer;font-family:inherit;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.error-message{left:10px;max-width:none;right:10px;top:10px}}
/*# sourceMappingURL=main.753a5441.css.map*/