*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--secondary-gradient:linear-gradient(135deg,#ec4899,#f43f5e);--success-gradient:linear-gradient(135deg,#06b6d4,#3b82f6);--glass-bg:#0f172acc;--glass-border:#ffffff1a;--text-primary:#f1f5f9;--text-secondary:#f1f5f9cc;--text-muted:#f1f5f980;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 12px 48px #0009;--border-radius:16px;--border-radius-sm:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.App{animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-size:400% 400%;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.app-header{animation:fadeInDown .6s ease-out;margin-bottom:30px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;background:var(--glass-bg);background:#0f172ae6;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);padding:30px 40px}.logo{gap:20px}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:18px;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);font-size:48px;height:70px;justify-content:center;width:70px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo h1{color:#f1f5f9;color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:5px}.logo p{color:#f1f5f9cc;color:var(--text-secondary);font-size:16px;font-weight:400}.error-message{align-items:center;animation:shake .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444426;border:1px solid #ef44444d;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);color:#fca5a5;display:flex;gap:12px;margin-bottom:25px;padding:16px 20px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{font-size:20px}.search-container{animation:fadeInUp .6s ease-out .2s both;margin-bottom:30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-wrapper{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae6;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);display:flex;padding:0 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-wrapper:focus-within{border-color:#6366f180;box-shadow:0 8px 32px #00000080,0 0 0 3px #6366f11a;box-shadow:var(--shadow-lg),0 0 0 3px #6366f11a;transform:translateY(-2px)}.search-icon{font-size:20px;margin-right:12px;opacity:.7}.search-input{background:#0000;border:none;color:#f1f5f9;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:400;outline:none;padding:18px 0}.search-input::placeholder{color:#f1f5f980;color:var(--text-muted)}.clear-search{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;margin-left:10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:28px}.clear-search:hover{background:#ffffff26;transform:rotate(90deg)}.content-wrapper{grid-gap:30px;animation:fadeInUp .6s ease-out .4s both;display:grid;gap:30px;grid-template-columns:1fr 2fr}@media (max-width:1024px){.content-wrapper{grid-template-columns:1fr}}.form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae6;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.form-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.form-header h2{font-size:24px;font-weight:600}.cancel-edit-btn,.form-header h2{color:#f1f5f9;color:var(--text-primary)}.cancel-edit-btn{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cancel-edit-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#f1f5f9cc;color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group textarea{background:#1e293b99;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--border-radius-sm);color:#f1f5f9;color:var(--text-primary);font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{background:#1e293bcc;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);color:#f1f5f9;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.submit-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.submit-btn:hover:before{height:300px;width:300px}.submit-btn:hover{box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-loading{align-items:center;display:flex;gap:10px;justify-content:center}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-primary);height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.contacts-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae6;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);padding:30px}.contacts-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);margin-bottom:25px;padding-bottom:20px}.contacts-header h2{align-items:center;color:#f1f5f9;color:var(--text-primary);display:flex;font-size:24px;font-weight:600;gap:12px}.contacts-icon{font-size:28px}.contacts-count{font-size:18px;font-weight:400;margin-left:8px}.contacts-count,.loading-state{color:#f1f5f9cc;color:var(--text-secondary)}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner-large{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top:4px solid var(--text-primary);height:50px;margin-bottom:20px;width:50px}.empty-state{color:#f1f5f9cc;color:var(--text-secondary);padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.empty-state h3{color:#f1f5f9;color:var(--text-primary);font-size:24px;margin-bottom:10px}.empty-state p{color:#f1f5f9cc;color:var(--text-secondary);font-size:16px}.contacts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.contacts-grid{grid-template-columns:1fr}}.contact-card{animation:fadeInUp .5s ease-out;background:#1e293b99;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--border-radius-sm);overflow:hidden;padding:24px;position:relative}.contact-card,.contact-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.contact-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0)}.contact-card:hover{background:#1e293bcc;border-color:#6366f166;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateY(-4px)}.contact-card:hover:before{transform:scaleX(1)}.contact-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:16px;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);color:#f1f5f9;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;width:60px}.contact-avatar,.contact-details{margin-bottom:16px}.contact-name{color:#f1f5f9;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.contact-info-item{align-items:center;color:#f1f5f9cc;color:var(--text-secondary);display:flex;font-size:14px;gap:10px;margin-bottom:8px}.info-icon{font-size:16px;opacity:.7}.contact-link{color:#f1f5f9cc;color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.contact-link:hover{color:#f1f5f9;color:var(--text-primary);text-decoration:underline}.contact-notes{border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border);display:flex;gap:10px;margin-top:12px;padding-top:12px}.notes-icon{flex-shrink:0;font-size:16px;opacity:.7}.contact-notes p{color:#f1f5f980;color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.5}.contact-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border);display:flex;gap:10px;margin-top:16px;padding-top:16px}.action-btn{background:#1e293bcc;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:#f1f5f9;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.edit-btn:hover{background:#22c55e33;border-color:#22c55e66;color:#86efac;transform:translateY(-2px)}.delete-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5;transform:translateY(-2px)}@media (max-width:768px){.App{padding:15px}.header-content{padding:20px}.logo{flex-direction:column;gap:15px;text-align:center}.logo h1{font-size:24px}.form-section{padding:20px;position:static}.contacts-section{padding:20px}.content-wrapper{gap:20px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f172a80;border-radius:10px}::-webkit-scrollbar-thumb{background:#6366f180;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6366f1b3}
/*# sourceMappingURL=main.797893b9.css.map*/