.notification{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:12px;min-width:300px;max-width:400px;animation:slideInRight .3s ease-out;backdrop-filter:blur(8px);border:1px solid transparent}.notification .notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification .notification-icon svg{width:20px;height:20px}.notification .notification-content{flex:1;min-width:0}.notification .notification-content .notification-message{margin:0;font-size:.875rem;font-weight:500;line-height:1.4}.notification .notification-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:inherit;opacity:.7;transition:all .2s ease}.notification .notification-close:hover{opacity:1;background:hsla(0,0%,100%,.1)}.notification .notification-close:active{transform:scale(.95)}.notification.notification-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.notification.notification-success .notification-icon svg{color:#a7f3d0}.notification.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.notification.notification-error .notification-icon svg{color:#fecaca}.notification.notification-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.notification.notification-info .notification-icon svg{color:#bfdbfe}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification.removing{animation:slideOutRight .3s ease-in forwards}.dark .notification{box-shadow:0 4px 12px rgba(0,0,0,.3)}.dark .notification .notification-close:hover{background:rgba(0,0,0,.2)}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.notification-container .notification{pointer-events:auto}@media(max-width:768px){.notification-container{top:10px;right:10px;left:10px;align-items:stretch}.notification-container .notification{min-width:auto;max-width:none}}@media(max-width:480px){.notification-container{top:5px;right:5px;left:5px}.notification-container .notification{padding:12px 16px}.notification-container .notification .notification-icon svg{width:18px;height:18px}.notification-container .notification .notification-message{font-size:.8rem}}.contacts-page-content{margin-top:1rem;padding:24px;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 4px 6px var(--box-shadow-color);background-color:var(--background-color);min-height:calc(100vh - 200px)}@media(max-width:768px){.contacts-page-content{margin-top:.5rem;padding:16px;border-radius:12px}}.contacts-page-header{margin-bottom:32px}.contacts-page-header .contacts-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}@media(max-width:768px){.contacts-page-header .contacts-controls{flex-direction:column;align-items:stretch;gap:16px}}.contacts-page-header .search-section{flex:1;max-width:400px}@media(max-width:768px){.contacts-page-header .search-section{max-width:100%}}.contacts-page-header .action-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media(max-width:768px){.contacts-page-header .action-buttons{width:100%;justify-content:center}}.contacts-page-header .action-buttons .primary-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.contacts-page-header .action-buttons .primary-btn:hover{background:var(--primary-dark);color:#000;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.contacts-page-header .action-buttons .primary-btn:active{transform:translateY(0)}.contacts-page-header .action-buttons .primary-btn svg{flex-shrink:0}.contacts-page-header .action-buttons .secondary-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.contacts-page-header .action-buttons .secondary-btn:hover{background:var(--hover-color);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.contacts-page-header .action-buttons .secondary-btn:active{transform:translateY(0)}.contacts-page-header .action-buttons .secondary-btn svg{flex-shrink:0}.contacts-page-header .action-buttons .table-stats.right-stats{display:flex;align-items:center;font-weight:500;font-size:1.05rem;color:var(--text-color);margin-left:8px}@media(max-width:768px){.contacts-page-header .action-buttons .table-stats.right-stats{margin-left:0;margin-top:8px}}.contacts-table-section{margin-top:24px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contacts-page-content .ui-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none}.contacts-page-content .ui-button:hover{transform:translateY(-1px)}.contacts-page-content .ui-button:active{transform:translateY(0)}.contacts-page-content .ui-button svg{flex-shrink:0}.dark .contacts-page-content{background-color:#000;border-color:#333;color:#fff}.dark .action-buttons .primary-btn{background:#fff;color:#000}.dark .action-buttons .primary-btn:hover{background:#ccc;color:#000;box-shadow:0 4px 12px hsla(0,0%,100%,.2)}.dark .action-buttons .secondary-btn{background:#333;border-color:#444;color:#fff}.dark .action-buttons .secondary-btn:hover{background:#444;border-color:#fff;box-shadow:0 4px 12px hsla(0,0%,100%,.1)}@media(max-width:1024px){.contacts-page-content{padding:20px}}@media(max-width:768px){.contacts-page-content{padding:16px}}.contacts-page-content .action-buttons .primary-btn,.contacts-page-content .action-buttons .secondary-btn{position:relative;overflow:hidden}.contacts-page-content .action-buttons .primary-btn:before,.contacts-page-content .action-buttons .secondary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.contacts-page-content .action-buttons .primary-btn:hover:before,.contacts-page-content .action-buttons .secondary-btn:hover:before{left:100%}.loading .contacts-table-section{opacity:.5;pointer-events:none}.success .contacts-page-header:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--success-color);border-radius:2px;animation:successPulse 2s ease-in-out}@keyframes successPulse{0%,to{opacity:0}50%{opacity:1}}.scrollable-table-section{max-height:480px;min-height:320px;overflow-y:auto;margin-top:24px}