:root{--primary-green-dark:#128c7e;--primary-blue:#34b7f1;--background-gray:#ece5dd;--background-dark:#075e54;--text-primary:#303030;--text-secondary:#667781;--border-light:#e0e0e0;--shadow-light:#0000001a;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--z-modal:1000;--z-overlay:999;--z-header:100}html{font-size:16px;line-height:1.5}#root{height:100%;overflow:hidden;width:100%}body{background:#ece5dd;background:var(--background-gray);color:#303030;color:var(--text-primary)}button:focus-visible{outline:2px solid #34b7f1;outline:2px solid var(--primary-blue);outline-offset:2px}input,textarea{border:none;font-family:inherit;outline:none}input:focus,textarea:focus{outline:2px solid #34b7f1;outline:2px solid var(--primary-blue);outline-offset:1px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}@media (max-width:768px){html{font-size:14px}:root{--spacing-lg:16px;--spacing-xl:24px}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}.app{background:linear-gradient(135deg,var(--background-dark),var(--primary-green-dark));display:flex;height:100%;min-height:100vh;overflow:hidden;position:relative;width:100%}.app.chat-open .chat-layout{display:block}.app.chat-open .chat-list{display:none}.app.chat-open .chat-window{margin-left:0;width:100%}.app-control-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1f2937f2,#111827f2);border-bottom:1px solid #ffffff1a;border-bottom-right-radius:var(--radius-lg);border-right:1px solid #ffffff1a;box-shadow:0 4px 16px #0003;left:0;padding:var(--spacing-sm);position:fixed;top:0;transition:all .3s ease;z-index:1003}@media (min-width:769px){.app-control-bar{display:none}}@media (max-width:768px){.app-control-bar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#1f2937f2,#111827f2);border-bottom:none;border-radius:0;border-right:1px solid #ffffff4d;box-shadow:2px 0 8px #0003;cursor:pointer;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;transition:all .3s ease;width:20px;z-index:1003}.app-control-bar:hover{background:linear-gradient(180deg,#1f2937,#111827);border-right:2px solid #ffffff80;width:24px}.app-control-bar:before{background:linear-gradient(180deg,var(--primary-green),#22c55e);border-radius:1px;content:"";height:30px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:2px}.app-control-bar:hover:before{height:40px;opacity:1;width:3px}}@media (min-width:769px){.sidebar-control-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.sidebar-control-btn:hover{background:#fff3;box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.sidebar-control-btn svg{transition:transform .3s ease}.sidebar-control-btn svg.rotated{transform:rotate(180deg)}.sidebar-control-btn:active{transform:scale(.95)}}@media (max-width:768px){.sidebar-control-btn{display:none}}.system-status-banner{align-items:center;background:#ffc107;box-shadow:0 2px 4px #0000001a;color:#000;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);left:280px;padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:0;top:0;transition:left .3s ease;z-index:1000}.sidebar--collapsed~.app-content .system-status-banner{left:60px}.status-icon{font-size:16px}.status-message{flex:1 1;font-weight:500}.retry-status-btn{background:#0000001a;border:none;border-radius:4px;cursor:pointer;font-size:var(--font-size-xs);padding:4px 8px;transition:background-color .2s}.retry-status-btn:hover{background:#0003}.app-content{background:#fff;display:flex;flex:1 1;min-height:100vh;overflow-x:hidden;position:relative;transition:margin-left .3s ease;width:100%}.app-content .chat-layout{height:100vh;overflow:hidden;width:100%}.chat-layout{display:flex;height:100vh;width:100%}.section-placeholder{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center}.placeholder-content{max-width:400px;padding:var(--spacing-xl);text-align:center}.placeholder-content h2{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.placeholder-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.placeholder-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.back-to-chat-btn,.back-to-contacts-btn{align-items:center;background:var(--primary-green);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .2s ease}.back-to-chat-btn:hover,.back-to-contacts-btn:hover{background:#22c55e;box-shadow:0 4px 8px #25d3664d;transform:translateY(-1px)}.back-to-contacts-btn{background:#3b82f6}.back-to-contacts-btn:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d}.debug-panel{font-family:Courier New,monospace;line-height:1.4}.debug-info{background:#000000e6;border:2px solid #ffffff1a;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;color:#fff;cursor:grab;font-size:var(--font-size-xs);min-width:220px;position:fixed;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:1000}.debug-info:hover{background:#000000f2;border-color:#fff3;box-shadow:0 6px 16px #0006}.debug-info--dragging{border-color:#25d36680;box-shadow:0 8px 24px #00000080;cursor:grabbing;transform:scale(1.02)}.debug-header{align-items:center;background:#ffffff1a;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:grab;display:flex;justify-content:space-between;margin:-2px -2px 0;padding:var(--spacing-sm)}.debug-info--dragging .debug-header{cursor:grabbing}.debug-title{color:var(--primary-green);font-size:var(--font-size-sm);font-weight:600}.drag-handle{color:#fff9;font-size:12px;line-height:1;transform:rotate(90deg)}.debug-item{display:flex;justify-content:space-between;margin-bottom:4px;padding:0 var(--spacing-sm)}.debug-item:first-of-type{margin-top:var(--spacing-sm)}.debug-item:last-child{margin-bottom:var(--spacing-sm)}.debug-item strong{color:#ccc;font-weight:500}.app-header{background:var(--primary-green);box-shadow:0 2px 8px var(--shadow-light);color:#fff;padding:var(--spacing-md);z-index:var(--z-header)}.header-content{gap:var(--spacing-md);margin:0 auto;max-width:1200px}.header-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.header-icon,.header-title{font-size:var(--font-size-xl)}.header-title{flex:1 1;font-weight:600}.header-status{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.status-indicator{animation:pulse 2s infinite;background:#4ade80}.app-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--spacing-lg)}.chat-container{background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;height:80vh;max-width:900px;overflow:hidden;width:100%}.chat-header{background:var(--background-gray);border-bottom:1px solid var(--border-light);justify-content:space-between;padding:var(--spacing-md)}.chat-header,.chat-info{align-items:center;display:flex}.chat-info{gap:var(--spacing-md)}.chat-avatar{background:var(--primary-green);color:#fff;font-size:var(--font-size-md);font-weight:700}.chat-details h2{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:2px}.chat-details p{color:var(--text-secondary);font-size:var(--font-size-sm)}.action-btn{background:#0000000d;height:32px;width:32px}.action-btn:hover{background:#0000001a}.messages-container{background:#f7f7f7;flex:1 1;overflow-y:auto}.messages-list{gap:var(--spacing-md)}.message-group,.messages-list{display:flex;flex-direction:column}.message-group{gap:var(--spacing-xs)}.message{word-wrap:break-word;border-radius:var(--radius-md);padding:var(--spacing-md);position:relative}.system-message{align-self:center;background:#e3f2fd;border:1px solid #bbdefb;max-width:80%;text-align:center}.system-message .message-info{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.system-message code{background:#0000001a;border-radius:var(--radius-sm);font-family:monospace;padding:2px 4px}.incoming-message{align-self:flex-start;background:#fff;border:1px solid var(--border-light);box-shadow:0 1px 2px #0000001a}.incoming-message:before{border-color:#0000 #fff #0000 #0000;border-style:solid;border-width:8px 8px 8px 0;content:"";height:0;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:0}.outgoing-message{align-self:flex-end;background:var(--primary-green);color:#fff}.outgoing-message:after{border-color:#0000 #0000 #0000 var(--primary-green);border-style:solid;border-width:8px 0 8px 8px;content:"";height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0}.status-message{align-self:center;background:#fff3cd;border:1px solid #ffeaa7;font-size:var(--font-size-sm);max-width:60%;text-align:center}.message-meta{color:var(--text-secondary);font-size:var(--font-size-sm);justify-content:space-between;margin-top:var(--spacing-xs)}.message-from{color:var(--primary-green-dark);font-weight:500}.message-time{color:var(--text-secondary);display:block;margin-top:var(--spacing-xs)}.chat-footer,.message-time{font-size:var(--font-size-sm)}.chat-footer{align-items:center;background:var(--background-gray);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-md)}.connection-status{gap:var(--spacing-sm)}.connection-indicator{background:#ef4444;border-radius:50%;height:8px;width:8px}.connection-indicator.active{animation:pulse 2s infinite;background:#22c55e}.message-count{color:var(--text-secondary);font-weight:500}.app-footer{background:#0000001a;color:#fff;font-size:var(--font-size-sm);padding:var(--spacing-md);text-align:center}@media (max-width:1024px){.app-content{margin-left:0}}@media (max-width:768px){.app-main{padding:var(--spacing-md)}.chat-container{height:85vh}.header-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.message{max-width:85%}.chat-header{padding:var(--spacing-sm)}.header-title{font-size:var(--font-size-lg)}.system-status-banner{font-size:var(--font-size-xs);left:20px;padding:var(--spacing-xs) var(--spacing-sm)}.debug-info{min-width:180px}.debug-info,.debug-title{font-size:var(--font-size-xs)}.placeholder-content{padding:var(--spacing-lg)}.placeholder-actions{align-items:center;flex-direction:column}.back-to-chat-btn,.back-to-contacts-btn{max-width:200px;width:100%}.app-content{background:#fff;margin-left:20px!important;min-height:100vh;position:relative;width:calc(100vw - 20px)!important}.chat-layout{width:100%!important}.campaigns-container,.contact-list-container,.csv-import-container,.dashboard-container,.group-list-container,.template-form-container,.template-list-container{background:#fff;margin:0!important;min-height:100vh;padding:var(--spacing-md)!important;width:100%!important}}@media (max-width:480px){.chat-container{border-radius:var(--radius-sm);height:90vh}.app-main,.message{padding:var(--spacing-sm)}.message{max-width:90%}.messages-container{padding:var(--spacing-sm)}.app-content{margin-left:20px!important;width:calc(100vw - 20px)!important}.sidebar-control-btn{height:36px;width:36px}.campaigns-container,.contact-list-container,.csv-import-container,.dashboard-container,.group-list-container,.template-form-container,.template-list-container{padding:var(--spacing-sm)!important}}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.system-status-banner{animation:slideDownFromTop .3s ease-out}@keyframes slideDownFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.debug-info{animation:fadeInUp .3s ease-out}.app.sidebar-open .app-content{transition:margin-left .3s ease}@media (min-width:769px){.app-content{margin-left:0!important;width:100%!important}.app-control-bar{display:none}.campaigns-container,.contact-list-container,.csv-import-container,.dashboard-container,.group-list-container,.template-form-container,.template-list-container{margin:0!important;padding:var(--spacing-lg)!important;width:100%!important}}.unauthorized-access{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;margin:2rem 2rem 2rem 280px;min-height:60vh;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:margin-left .3s ease,width .3s ease;width:calc(100vw - 280px);z-index:1200}.unauthorized-access:before{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.unauthorized-access h2{color:#dc2626;font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #dc26261a}.unauthorized-access p{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:500px}.unauthorized-access .btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.unauthorized-access .btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.unauthorized-access .btn:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(0)}.app-content.sidebar-collapsed .unauthorized-access{margin-left:80px;width:calc(100vw - 80px)}@media (max-width:768px){.unauthorized-access{margin:1rem;min-height:50vh;padding:1.5rem;width:calc(100vw - 2rem);z-index:1000}.unauthorized-access h2{font-size:1.75rem}.unauthorized-access p{font-size:1rem;margin-bottom:1.5rem}.unauthorized-access .btn{font-size:.95rem;padding:.625rem 1.5rem}}@media (max-width:480px){.unauthorized-access{border-radius:8px;margin:.5rem;min-height:40vh;padding:1rem;width:calc(100vw - 1rem);z-index:1000}.unauthorized-access h2{font-size:1.5rem;margin-bottom:.75rem}.unauthorized-access p{font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.unauthorized-access .btn{font-size:.9rem;justify-content:center;padding:.5rem 1.25rem;width:100%}}@media (prefers-color-scheme:dark){.unauthorized-access{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#e2e8f0}.unauthorized-access h2{color:#f87171}.unauthorized-access p{color:#94a3b8}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.unauthorized-access{animation:slideInUp .6s ease-out}.sidebar{background:linear-gradient(180deg,#1f2937,#111827);border-right:1px solid #374151;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1100}.sidebar--collapsed{width:60px}.sidebar__header{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;min-height:70px;padding:var(--spacing-lg) var(--spacing-md)}.sidebar__logo{align-items:center;color:#fff;display:flex;gap:var(--spacing-sm)}.sidebar__logo-icon{align-items:center;background:var(--primary-green);border-radius:var(--radius-md);display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.sidebar__logo-text{font-size:var(--font-size-lg);font-weight:600;white-space:nowrap}.sidebar__toggle{align-items:center;background:#ffffff1a;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:var(--font-size-sm);height:24px;justify-content:center;transition:background-color .2s;width:24px}.sidebar__toggle:hover{background:#fff3}.sidebar__nav{flex:1 1;overflow-y:auto;padding:var(--spacing-md) 0}.sidebar__menu{list-style:none;margin:0;padding:0}.sidebar__menu-item{margin-bottom:2px}.sidebar__menu-link{align-items:center;background:none;border:none;color:#d1d5db;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar--collapsed .sidebar__menu-link{justify-content:center;padding:var(--spacing-md)}.sidebar__menu-link:hover:not(.sidebar__menu-link--disabled){background:#ffffff0d;color:#fff}.sidebar__menu-link--active{background:var(--primary-green)!important;color:#fff!important}.sidebar__menu-link--active:before{background:#fff;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar__menu-link--disabled{color:#6b7280;cursor:not-allowed;opacity:.6}.sidebar__menu-link--has-submenu{position:relative}.sidebar__menu-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--font-size-lg);justify-content:center;width:20px}.sidebar__menu-label{flex:1 1;font-size:var(--font-size-md);font-weight:500;white-space:nowrap}.sidebar__menu-arrow{font-size:var(--font-size-sm);margin-left:auto;transition:transform .2s ease}.sidebar__menu-arrow--expanded{transform:rotate(90deg)}.sidebar__menu-badge{background:#fbbf24;border-radius:var(--radius-sm);color:#92400e;font-size:var(--font-size-sm);font-weight:500;padding:2px 6px}.sidebar__submenu{animation:slideDown .3s ease;background:#0003;border-left:2px solid var(--primary-green);list-style:none;margin:0;margin-left:var(--spacing-lg);padding:0}.sidebar__submenu-item{margin:0}.sidebar__submenu-link{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar__submenu-link:hover{background:#ffffff1a;color:#fff}.sidebar__submenu-link--active{background:#25d36633!important;border-left:2px solid var(--primary-green);color:var(--primary-green)!important}.sidebar__submenu-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--font-size-md);justify-content:center;width:16px}.sidebar__submenu-label{font-size:var(--font-size-sm);font-weight:400;white-space:nowrap}.sidebar__footer{background:#0003;border-top:1px solid #374151;padding:var(--spacing-md) var(--spacing-lg)}.sidebar__footer-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar__status{align-items:center;color:#d1d5db;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.sidebar__status-dot{background:#ef4444;border-radius:50%;height:8px;width:8px}.sidebar__status-dot--online{animation:pulse 2s infinite;background:#22c55e}.sidebar__version{color:#6b7280;font-size:var(--font-size-sm);text-align:center}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}@media (min-width:768px) and (max-width:1024px){.sidebar{left:0;position:fixed;top:0;width:200px;z-index:1100}.sidebar--collapsed{width:60px}.sidebar__header{min-height:60px;padding:16px 12px}.sidebar__logo-text{font-size:1.1rem}.sidebar__menu-item{margin:0 8px 4px;padding:10px 12px}.sidebar__menu-icon{font-size:1.1rem;height:20px;width:20px}.sidebar__menu-text{font-size:.9rem}}@media (max-width:767px){.sidebar{max-width:280px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1200}.app.sidebar-open .sidebar{box-shadow:4px 0 20px #0000004d;transform:translateX(0)}.sidebar--collapsed{width:280px}}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:#0000}.sidebar__nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar__menu-link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:-2px}.sidebar__submenu-link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:-2px}.sidebar__toggle:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.sidebar__menu-item{animation:slideIn .3s ease forwards}.sidebar__menu-item:first-child{animation-delay:.05s}.sidebar__menu-item:nth-child(2){animation-delay:.1s}.sidebar__menu-item:nth-child(3){animation-delay:.15s}.sidebar__menu-item:nth-child(4){animation-delay:.2s}.sidebar__menu-item:nth-child(5){animation-delay:.25s}.sidebar__menu-item:nth-child(6){animation-delay:.3s}.sidebar__menu-item:nth-child(7){animation-delay:.35s}.sidebar__menu-item:nth-child(8){animation-delay:.4s}.sidebar__menu-item:nth-child(9){animation-delay:.45s}.sidebar__menu-item:nth-child(10){animation-delay:.5s}.sidebar--collapsed .sidebar__menu-link{position:relative}.sidebar--collapsed .sidebar__menu-link:hover:after{background:#1f2937;border:1px solid #374151;border-radius:var(--radius-sm);box-shadow:0 4px 6px #0000001a;color:#fff;content:attr(title);font-size:var(--font-size-sm);left:100%;margin-left:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.sidebar__debug-panel{background:#000c;border:1px solid #ffffff1a;border-radius:var(--radius-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.sidebar__debug-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.sidebar__debug-info{color:#fffc;font-size:10px;line-height:1.3}.sidebar__debug-info>div{margin-bottom:2px;padding:1px 0}.sidebar__debug-info>div:last-child{margin-bottom:0}@media (max-width:768px){.sidebar__debug-panel{display:none}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1050}@media (max-width:1024px){.sidebar-overlay{display:block}.app.sidebar-open .sidebar-overlay{opacity:1}}.sidebar__user-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all .3s ease}.sidebar__user-info:hover{background:#ffffff14;border-color:#fff3}.sidebar__user-avatar{align-items:center;background:var(--primary-green);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.sidebar__user-icon{color:#fff;font-size:18px}.sidebar__user-details{flex:1 1;min-width:0}.sidebar__user-name{color:#fff;font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-status{align-items:center;color:#ffffffb3;display:flex;font-size:var(--font-size-xs);gap:4px}.sidebar__user-status:before{animation:pulse 2s infinite;background:#10b981;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.sidebar__logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.sidebar__logout-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.sidebar__logout-btn:active{transform:translateY(0)}.sidebar--collapsed .sidebar__user-info{display:none}.dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);bottom:0;box-sizing:border-box;height:100vh;left:0;margin-left:300px;min-height:100vh;overflow-y:auto;padding:0;position:fixed;right:0;top:0;transition:all .3s ease;width:calc(100% - 280px);z-index:10}.dashboard.sidebar-collapsed{margin-left:80px;width:calc(100% - 60px)}.dashboard-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:50vh;justify-content:center}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6}.dashboard-header{align-items:center;background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin:16px;padding:16px}.dashboard-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.dashboard-title p{color:#64748b;font-size:1rem;margin:0}.dashboard-time{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:500;padding:12px 20px}.dashboard-status{margin:0 16px 16px}.status-card{align-items:center;background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:16px;padding:16px;transition:all .3s ease}.status-card:hover{box-shadow:0 8px 25px -8px #00000026;transform:translateY(-2px)}.status-card.status-online{border-left:4px solid #10b981}.status-card.status-offline{border-left:4px solid #ef4444}.status-icon{font-size:2rem}.status-info h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 8px}.status-info p{color:#64748b;margin:0}.status-details{margin-left:auto}.status-badge{border-radius:20px;font-size:.875rem;font-weight:500;padding:6px 12px}.badge-success{background:#dcfce7;color:#166534}.badge-error{background:#fef2f2;color:#dc2626}.dashboard-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 16px 16px}.stat-card{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;gap:16px;overflow:hidden;position:relative}.stat-card:before{background:linear-gradient(90deg,var(--card-color),var(--card-color-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 28px -8px #00000026;transform:translateY(-4px)}.stat-card-blue{--card-color:#3b82f6;--card-color-light:#93c5fd}.stat-card-purple{--card-color:#8b5cf6;--card-color-light:#c4b5fd}.stat-card-green{--card-color:#10b981;--card-color-light:#6ee7b7}.stat-card-orange{--card-color:#f59e0b;--card-color-light:#fbbf24}.stat-icon{background:linear-gradient(135deg,var(--card-color),var(--card-color-light));border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:2.5rem;padding:16px}.stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.stat-content p{color:#64748b;font-weight:500;margin:0 0 12px}.stat-trend{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:4px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-icon{font-size:1rem}.dashboard-section{margin:0 16px 16px}.dashboard-section h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0 0 16px}.dashboard-section h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:24px;width:4px}.quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-action-btn{align-items:center;background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;text-align:left;transition:all .3s ease}.quick-action-btn:before{background:linear-gradient(90deg,var(--action-color),var(--action-color-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.quick-action-btn:hover{box-shadow:0 12px 28px -8px #00000026;transform:translateY(-4px)}.quick-action-blue{--action-color:#3b82f6;--action-color-light:#93c5fd}.quick-action-green{--action-color:#10b981;--action-color-light:#6ee7b7}.quick-action-purple{--action-color:#8b5cf6;--action-color-light:#c4b5fd}.quick-action-orange{--action-color:#f59e0b;--action-color-light:#fbbf24}.quick-action-icon{align-items:center;background:linear-gradient(135deg,var(--action-color),var(--action-color-light));border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:2rem;justify-content:center;padding:16px}.quick-action-content{flex:1 1}.quick-action-content h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 8px}.quick-action-content p{color:#64748b;font-size:.875rem;margin:0}.quick-action-arrow{color:#94a3b8;font-size:1.5rem;transition:all .3s ease}.quick-action-btn:hover .quick-action-arrow{color:var(--action-color);transform:translateX(4px)}.activity-list{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px;transition:all .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f8fafc}.activity-icon{align-items:center;border-radius:10px;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.activity-icon-message{background:linear-gradient(135deg,#3b82f6,#93c5fd)}.activity-icon-template{background:linear-gradient(135deg,#8b5cf6,#c4b5fd)}.activity-icon-contact{background:linear-gradient(135deg,#10b981,#6ee7b7)}.activity-icon-import{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.activity-content{flex:1 1}.activity-content p{color:#1e293b;font-size:.875rem;margin:0 0 4px}.activity-time{color:#94a3b8;font-size:.75rem}@media (min-width:768px) and (max-width:1024px){.dashboard{margin-left:200px;padding:0;width:calc(100% - 200px)}.dashboard.sidebar-collapsed{margin-left:80px;width:calc(100% - 60px)}.dashboard-header{align-items:center;flex-direction:row;margin:12px;padding:14px}.dashboard-title h1{font-size:1.75rem}.dashboard-time{font-size:.9rem;padding:10px 16px}.dashboard-section,.dashboard-stats,.dashboard-status{margin:0 12px 14px}.dashboard-stats{gap:14px;grid-template-columns:repeat(2,1fr)}.stat-card{gap:14px;padding:14px}.stat-icon{font-size:2.2rem;padding:14px}.stat-content h3{font-size:1.75rem}.quick-actions{gap:14px;grid-template-columns:repeat(2,1fr)}.quick-action-btn,.status-card{gap:14px;padding:14px}.status-icon{font-size:1.8rem}}@media (max-width:767px){.dashboard{bottom:0;height:100%;left:0!important;margin-left:0;overflow-y:auto;padding:0;position:absolute;right:0;top:0;width:100%!important}.dashboard.sidebar-collapsed{margin-left:0;width:100%}.dashboard-header{flex-direction:column;gap:16px;margin:12px;text-align:center}.dashboard-section,.dashboard-status{margin:0 12px 12px}.dashboard-stats{margin:0 12px 12px}.dashboard-stats,.quick-actions{gap:12px;grid-template-columns:1fr}.quick-action-btn,.stat-card{padding:12px}.dashboard-title h1{font-size:1.5rem}}@media (max-width:480px){.dashboard{overflow-y:auto;padding:0}.quick-action-btn,.stat-card{flex-direction:column;gap:16px;text-align:center}.quick-action-arrow{transform:rotate(90deg)}.quick-action-btn:hover .quick-action-arrow{transform:rotate(90deg) translateY(-4px)}}.chat-list{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;left:280px;position:fixed;top:0;transition:left .3s ease;width:400px;z-index:10}.chat-list--sidebar-collapsed{left:60px}.chat-list__header{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:var(--spacing-lg)}.chat-list__title{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.chat-list__title h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.chat-list__actions{align-items:center;display:flex;gap:var(--spacing-sm)}.chat-list__count{background:var(--primary-blue);border-radius:12px;color:#fff;font-size:var(--font-size-sm);font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.chat-list__refresh{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s}.chat-list__refresh:hover{background:#f5f5f5}.chat-list__refresh:disabled{cursor:not-allowed;opacity:.5}.chat-list__search{margin-bottom:var(--spacing-md)}.search-input input{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:var(--radius-lg);transition:border-color .2s,background-color .2s}.search-input input:focus{background:#fff}.search-input input::placeholder{color:var(--text-secondary)}.chat-tabs,.tab{display:flex;gap:var(--spacing-xs)}.tab{align-items:center;background:#f8f9fa;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:500;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.tab:hover{background:#e9ecef;color:var(--text-primary)}.tab.active{background:var(--primary-green);color:#fff}.tab-count{background:#ffffff4d;border-radius:10px;font-size:var(--font-size-xs);min-width:18px;padding:2px 6px;text-align:center}.tab.active .tab-count{background:#fffc;color:var(--primary-green)}.chat-list__content{background:#fff;flex:1 1;overflow-y:auto}.chat-list__error,.chat-list__loading{min-height:200px}.chat-list__empty,.chat-list__error,.chat-list__loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.chat-list__empty{min-height:300px}.empty-icon{font-size:48px;margin-bottom:var(--spacing-lg)}.chat-list__empty h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.chat-list__empty p{line-height:1.5;margin-bottom:var(--spacing-sm)}.chat-list__items{display:flex;flex-direction:column}.chat-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:background-color .2s}.chat-item:hover{background:#f8f9fa}.chat-item.active{background:#e3f2fd;border-right:3px solid var(--primary-green)}.chat-item__avatar{flex-shrink:0;position:relative}.avatar{font-size:var(--font-size-lg)}.online-indicator{bottom:2px;right:2px}.chat-item__content{flex:1 1;min-width:0}.chat-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-name{color:var(--text-primary);font-size:var(--font-size-md);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-xs);margin-left:var(--spacing-sm)}.chat-item__footer{align-items:center;display:flex;justify-content:space-between}.chat-preview{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-count{background:var(--primary-green);border-radius:10px;color:#fff;flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;margin-left:var(--spacing-sm);min-width:18px;padding:2px 6px;text-align:center}.chat-list__footer{background:#f8f9fa;border-top:1px solid #e0e0e0;flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md)}.connection-status{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.status-indicator{flex-shrink:0;height:8px;width:8px}.status-indicator.connected{background:#4caf50}.status-indicator.disconnected{background:#dc3545}.status-text{font-weight:500}.last-update{margin-left:auto}@media (max-width:768px){.chat-list,.chat-list--sidebar-collapsed{left:20px;width:calc(100vw - 20px)!important}}.chat-list__content::-webkit-scrollbar{width:6px}.chat-list__content::-webkit-scrollbar-track{background:#f1f1f1}.chat-list__content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-list__content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-window{background:#f7f7f7;display:flex;flex-direction:column;height:100vh;isolation:isolate;left:680px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:5}.chat-window--sidebar-collapsed{left:460px}.chat-window--empty{align-items:center;background:#fff;justify-content:center}.empty-state{color:var(--text-secondary)}.empty-state__icon{font-size:64px;opacity:.5}.empty-state h2{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.empty-state p{font-size:var(--font-size-md)}.messages-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-xl);text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:32px;margin-bottom:var(--spacing-md)}.messages-error{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-xl);text-align:center}.error-icon{color:#dc3545;font-size:32px;margin-bottom:var(--spacing-md)}.retry-btn{background:var(--primary-green);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .2s}.retry-btn:hover{background:var(--primary-green-dark)}.messages-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-xl);text-align:center}.messages-empty-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.messages-empty h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.messages-empty p{line-height:1.5;margin-bottom:var(--spacing-sm)}.chat-window__header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.chat-contact{align-items:center;display:flex;gap:var(--spacing-md)}.chat-contact__avatar{position:relative}.avatar{font-size:var(--font-size-md);font-weight:600;height:40px;width:40px}.online-indicator{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.chat-contact__info{display:flex;flex-direction:column}.chat-contact__name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 2px}.chat-contact__phone{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.chat-actions{display:flex;gap:var(--spacing-sm)}.action-btn{background:none;font-size:18px;padding:var(--spacing-sm);transition:background-color .2s}.action-btn:hover{background:#f5f5f5}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn--add-contact{background:var(--primary-green);color:#fff}.action-btn--add-contact:hover{background:#22c55e;color:#fff;transform:scale(1.05)}.chat-window__messages{background:#f7f7f7;flex:1 1;overflow-y:auto;position:relative}.messages-container{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.date-separator{margin:var(--spacing-lg) 0;text-align:center}.date-separator__text{background:#ffffffe6;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.message{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm);max-width:70%}.message--received{align-self:flex-start}.message--sent{align-self:flex-end}.message__content{word-wrap:break-word;background:#fff;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000001a;padding:var(--spacing-md);position:relative}.message--received .message__content{background:#fff;border-bottom-left-radius:var(--radius-xs)}.message--sent .message__content{background:var(--primary-green);border-bottom-right-radius:var(--radius-xs);color:#fff}.message__media{margin-bottom:var(--spacing-sm)}.media-placeholder{align-items:center;background:#0000000d;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.message--sent .media-placeholder{background:#fff3;color:#ffffffe6}.media-icon{font-size:20px}.media-text{font-size:var(--font-size-sm)}.media-image{max-width:300px;position:relative}.media-image__img{border-radius:var(--radius-md);cursor:pointer;height:auto;max-height:400px;object-fit:cover;transition:transform .2s ease;width:100%}.media-image__img:hover{transform:scale(1.02)}.media-video{max-width:300px;position:relative}.media-video__player{background:#000;border-radius:var(--radius-md);height:auto;max-height:400px;width:100%}.media-audio{min-width:250px;position:relative}.media-audio__player{border-radius:var(--radius-md);height:40px;width:100%}.media-document{position:relative}.media-document__link{align-items:center;background:#0000000d;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:var(--spacing-sm);min-width:200px;padding:var(--spacing-md);text-decoration:none;transition:background-color .2s ease}.media-document__link:hover{background:#0000001a}.message--sent .media-document__link{background:#fff3;color:#ffffffe6}.message--sent .media-document__link:hover{background:#ffffff4d}.media-download{font-size:16px;margin-left:auto}.message__text{font-size:var(--font-size-md);line-height:1.4;margin:0}.message__caption{font-size:var(--font-size-sm);font-style:italic;margin-top:var(--spacing-sm);opacity:.8}.message__meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);justify-content:flex-end;margin-top:var(--spacing-xs)}.message--sent .message__meta{color:#ffffffb3}.message__time{font-size:var(--font-size-xs)}.message__status{color:inherit}.status-read{color:#4fc3f7}.chat-window__input{background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;padding:var(--spacing-md);position:relative}.send-error{align-items:center;background:#ffe6e6;border:1px solid #fcc;border-radius:var(--radius-md);color:#d63031;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.send-error__icon{flex-shrink:0;font-size:16px}.send-error__text{flex:1 1}.send-error__close{align-items:center;background:none;border:none;border-radius:50%;color:#d63031;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;padding:2px;transition:background-color .2s;width:20px}.send-error__close:hover{background:#d630311a}.message-input{align-items:flex-end;display:flex;gap:var(--spacing-sm);position:relative}.input-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;padding:var(--spacing-sm);transition:background-color .2s;width:40px}.input-btn:hover{background:#f5f5f5}.text-input-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:var(--radius-lg);flex:1 1;transition:border-color .2s}.text-input-container:focus-within{border-color:var(--primary-green)}.text-input{background:none;border:none;font-family:inherit;font-size:var(--font-size-md);max-height:120px;min-height:40px;outline:none;padding:var(--spacing-md);resize:none;width:100%}.text-input::placeholder{color:var(--text-secondary)}.send-btn{align-items:center;background:var(--primary-green);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:background-color .2s,transform .1s;width:40px}.send-btn:hover{background:var(--primary-green-dark);transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.send-btn:disabled:hover{background:var(--primary-green);transform:none}.send-btn--sending{animation:pulse 1s infinite}.emoji-picker{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);bottom:100%;box-shadow:0 4px 12px #00000026;left:0;margin-bottom:var(--spacing-sm);max-width:300px;position:absolute;z-index:1000}.emoji-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto;padding:var(--spacing-sm)}.emoji-item{align-items:center;aspect-ratio:1;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:var(--spacing-xs);transition:background-color .2s}.emoji-item:hover{background:#f5f5f5}.file-options{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);bottom:100%;box-shadow:0 4px 12px #00000026;left:50px;margin-bottom:var(--spacing-sm);overflow:hidden;position:absolute;z-index:1000}.file-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:background-color .2s;width:100%}.file-option:hover{background:#f5f5f5}.file-icon{font-size:18px;text-align:center;width:20px}@media (min-width:768px) and (max-width:1024px){.chat-window{left:220px;right:0;width:calc(100vw - 220px)}.chat-window--sidebar-collapsed{left:80px;width:calc(100vw - 80px)}.chat-window__header{padding:12px 16px}.chat-window__header h3{font-size:1.1rem}.chat-window__messages{padding:12px}.message{max-width:75%;padding:10px 12px}.message__content{font-size:.9rem;line-height:1.4}.message__time{font-size:.75rem}.chat-window__input{padding:12px}.input-container{gap:8px}.message-input{font-size:.9rem;padding:10px 12px}.emoji-picker{max-width:280px;right:12px}}@media (max-width:767px){.chat-window{right:0}.chat-window,.chat-window--sidebar-collapsed{left:20px;width:calc(100vw - 20px)!important}.message{max-width:85%}.emoji-picker{max-width:250px}}.chat-window__messages::-webkit-scrollbar{width:6px}.chat-window__messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-window__messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-window__messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.emoji-grid::-webkit-scrollbar{width:4px}.emoji-grid::-webkit-scrollbar-track{background:#f1f1f1}.emoji-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.message{animation:messageSlideIn .3s ease-out forwards}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-contact{border-radius:var(--radius-sm);cursor:pointer;margin:calc(var(--spacing-xs)*-1);padding:var(--spacing-xs);transition:background-color .2s ease}.chat-contact:hover{background:#ffffff0d}.chat-contact:active{background:#ffffff1a}.chat-window .modal-overlay{background:#0009!important;position:absolute!important;z-index:99999!important}.contact-info-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:400px;overflow-y:auto;position:relative;width:90%;z-index:100000}.contact-info-header{background:linear-gradient(135deg,var(--primary-green),#22c55e);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;padding:var(--spacing-xl);position:relative;text-align:center}.contact-avatar{margin-bottom:var(--spacing-md)}.avatar--large{font-size:32px;height:80px;margin:0 auto;width:80px}.contact-info-header h2{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0}.contact-info-header p{font-size:var(--font-size-sm);margin:0;opacity:.9}.modal-close{background:#fff3;position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.modal-close:hover{background:#ffffff4d}.contact-info-actions{border-bottom:1px solid #f0f0f0;display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg)}.contact-action-btn{align-items:center;background:#f8f9fa;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:70px;padding:var(--spacing-md);transition:all .2s ease}.contact-action-btn:hover{background:#e9ecef;transform:translateY(-2px)}.contact-action-btn span:first-child{font-size:20px}.contact-action-btn span:last-child{color:var(--text-secondary);font-size:var(--font-size-xs)}.contact-info-details{padding:var(--spacing-lg)}.contact-detail-section{margin-bottom:var(--spacing-lg)}.contact-detail-section h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-md) 0}.contact-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.contact-detail-item:last-child{border-bottom:none}.contact-detail-item .label{color:var(--text-secondary);font-weight:500}.contact-detail-item .value{color:var(--text-primary)}@media (max-width:768px){.contact-info-modal{max-height:90vh;width:95%}.contact-info-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.contact-action-btn{min-width:60px;padding:var(--spacing-sm)}}.chat-window__back-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#54656f;cursor:pointer;display:none;height:36px;justify-content:center;margin-right:var(--spacing-md);transition:all .2s ease;width:36px}.chat-window__back-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;color:#111b21;transform:scale(1.1)}.chat-window__back-btn:active{transform:scale(.95)}.modal--add-contact{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:90%;z-index:100000}.form-error{background:#fee;border:1px solid #f5c6cb;border-radius:var(--radius-md);color:#dc3545;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.form-group{gap:var(--spacing-xs)}.form-group label{font-weight:600}.form-group input,.form-group textarea{background:#fff;border:1px solid #ddd;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-md);padding:var(--spacing-md);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px #25d36633;outline:none}.loading-spinner{margin-right:var(--spacing-xs)}.image-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.image-modal__controls{align-items:center;display:flex;gap:var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md);z-index:1001}.zoom-reset{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.zoom-reset:hover{background:#000000e6;transform:scale(1.1)}.zoom-indicator{border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;min-width:50px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.modal-close,.zoom-indicator{background:#000000b3;color:#fff}.modal-close{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#000000e6;transform:scale(1.1)}.image-modal__container{align-items:center;cursor:grab;display:flex;flex:1 1;justify-content:center;overflow:hidden}.image-modal__container:active{cursor:grabbing}.image-modal__img{display:block;height:auto;max-height:80vh;max-width:90vw;object-fit:contain;transform-origin:center;width:auto}.image-modal__caption{word-wrap:break-word;background:#000c;color:#fff;flex-shrink:0;font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg);text-align:center}@media (max-width:768px){.image-modal{max-height:95vh;max-width:95vw}.image-modal__controls{gap:var(--spacing-xs);right:var(--spacing-sm);top:var(--spacing-sm)}.modal-close,.zoom-reset{font-size:14px;height:28px;width:28px}.zoom-indicator{font-size:var(--font-size-xs);min-width:40px;padding:2px var(--spacing-xs)}.image-modal__caption{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.modal--add-contact{max-height:90vh;width:95%}.form-row{gap:var(--spacing-sm);grid-template-columns:1fr}.form-group input,.form-group textarea{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}}.chat-window__back-btn svg{transition:all .2s ease}@media (max-width:768px){.chat-window__back-btn{display:flex}}.contact-list{background:#f8f9fa;bottom:0;display:flex;flex-direction:column;height:100vh;left:280px;overflow:hidden;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100vw - 280px);z-index:10}.contact-list--sidebar-collapsed{left:60px;width:calc(100vw - 60px)}.contact-list__header{animation:headerSlideIn .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 20px 20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;flex-shrink:0;margin:10px 0 0;padding:var(--spacing-xl) var(--spacing-lg);width:100%;z-index:11}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-top{margin-bottom:var(--spacing-lg)}.contact-list__title{align-items:center;display:flex;gap:var(--spacing-lg)}.title-section{align-items:center;display:flex;gap:var(--spacing-md)}.contact-list__icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-green),#22c55e);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px 4px rgba(37,211,102,.3));font-size:28px}.contact-list__title h2{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.025em;margin:0}.contact-count-badge{align-items:center;background:linear-gradient(135deg,var(--primary-green),#22c55e);border-radius:20px;box-shadow:0 4px 12px #25d3664d;color:#fff;display:flex;gap:var(--spacing-xs);overflow:hidden;padding:8px 16px;position:relative}.contact-count-badge:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.count-number{font-size:18px;font-weight:700}.count-label{font-size:14px;font-weight:500;opacity:.9}.header-actions{gap:var(--spacing-md)}.btn--modern{align-items:center;border-radius:12px;display:flex;font-size:15px;font-weight:600;gap:var(--spacing-sm);height:48px;justify-content:center;letter-spacing:.025em;min-width:140px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn--modern:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.btn--modern:hover:before{opacity:1}.btn--modern.btn--primary{background:linear-gradient(135deg,var(--primary-green),#22c55e);border:none;box-shadow:0 4px 12px #25d36666;color:#fff}.btn--modern.btn--primary:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 20px #25d36680;transform:translateY(-2px) scale(1.02)}.btn--modern.btn--primary:active{box-shadow:0 2px 8px #25d3664d;transform:translateY(0) scale(.98)}.btn--modern svg{transition:transform .3s ease}.btn--modern:hover svg{transform:scale(1.1)}.header-actions .btn{transition:all .2s ease}.contact-list__filters{flex-direction:column}.contact-list__filters,.filter-row{display:flex;gap:var(--spacing-md)}.filter-row--search{flex:1 1}.filter-row--options{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.filter-group{gap:var(--spacing-xs)}.filter-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.search-input input:focus{box-shadow:0 0 0 2px #25d36633}.filter-group select{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-md);transition:border-color .2s}.filter-group select:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px #25d36633;outline:none}.contact-list__content{background:#f8f9fa;flex:1 1;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100%}.contact-list__error,.contact-list__loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);height:300px;justify-content:center}.contact-list__error{text-align:center}.contact-list__empty{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);height:400px;justify-content:center;text-align:center}.contact-list__empty h3{color:var(--text-primary);margin:0}.contact-list__empty p{color:var(--text-secondary);margin:0}.contact-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:16px;justify-content:space-between;min-height:76px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-item:before{background:linear-gradient(135deg,#25d36608,#22c55e03);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.contact-item:hover{border-color:var(--primary-green);box-shadow:0 8px 24px #25d36626;transform:translateY(-2px)}.contact-item:hover:before{opacity:1}.contact-item__main{align-items:center;display:flex;flex:1 1;gap:14px;max-width:calc(100% - 140px);min-width:0;position:relative;z-index:1}.contact-item__avatar{flex-shrink:0;position:relative}.avatar{align-items:center;box-shadow:0 2px 8px #0000001f;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;position:relative;width:48px}.avatar,.status-indicator{border:2px solid #fff;border-radius:50%}.status-indicator{bottom:2px;box-shadow:0 1px 3px #0003;height:12px;position:absolute;right:2px;width:12px}.status-indicator--active{background:#22c55e}.status-indicator--inactive{background:#6b7280}.status-indicator--blocked{background:#ef4444}.contact-item__info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.contact-name{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0}.contact-name,.contact-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-phone{align-items:center;display:flex;font-size:13px;font-weight:500;gap:4px}.contact-item__actions{align-items:center;display:flex;flex-shrink:0;gap:6px;justify-content:flex-end;min-width:120px;position:relative;z-index:2}.action-btn{border-radius:10px;box-shadow:0 2px 6px #0000001a;color:#fff;padding:0}.action-btn:before{background:linear-gradient(45deg,#fff3,#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-btn:hover:before{opacity:1}.action-btn--chat{background:linear-gradient(135deg,var(--primary-green),#22c55e)}.action-btn--chat:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #25d36666;transform:translateY(-2px) scale(1.05)}.action-btn--edit{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-btn--edit:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px) scale(1.05)}.action-btn--delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-btn--delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px) scale(1.05)}.action-btn:active{transform:translateY(0) scale(.95)}.contact-list__pagination{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-green);border-color:var(--primary-green);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}.modal{display:flex;flex-direction:column}.modal__content,.modal__form{flex:1 1;overflow-y:auto}.modal__form{max-height:calc(90vh - 120px)}.groups-selection{margin-top:4px}.no-groups{background:#f9f9f9;border-radius:var(--radius-md);color:var(--text-secondary);font-style:italic;margin:0;padding:var(--spacing-md);text-align:center}.groups-checkbox-list{background:#f9f9f9;overflow-x:hidden;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.group-indicator{box-shadow:0 2px 4px #0000001a;font-size:14px;height:28px;width:28px}.group-name{display:block;overflow:visible;text-overflow:clip;white-space:normal}.selected-groups-info{margin-top:var(--spacing-sm)}.contact-list__content::-webkit-scrollbar,.groups-checkbox-list::-webkit-scrollbar,.modal__content::-webkit-scrollbar,.modal__form::-webkit-scrollbar{width:8px}.contact-list__content::-webkit-scrollbar-track,.groups-checkbox-list::-webkit-scrollbar-track,.modal__content::-webkit-scrollbar-track,.modal__form::-webkit-scrollbar-track{background:#f1f1f1}.contact-list__content::-webkit-scrollbar-thumb,.groups-checkbox-list::-webkit-scrollbar-thumb,.modal__content::-webkit-scrollbar-thumb,.modal__form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.contact-list__content::-webkit-scrollbar-thumb:hover,.groups-checkbox-list::-webkit-scrollbar-thumb:hover,.modal__content::-webkit-scrollbar-thumb:hover,.modal__form::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.contact-item{animation:fadeInUp .3s ease}@media (max-width:768px){.contact-list{left:20px!important;width:calc(100vw - 20px)!important}.contact-list__header{padding:var(--spacing-lg) var(--spacing-md)}.header-top{align-items:stretch}.contact-list__title,.header-top{flex-direction:column;gap:var(--spacing-md)}.contact-list__title{align-items:center;text-align:center}.title-section{justify-content:center}.contact-list__icon,.contact-list__title h2{font-size:24px}.contact-count-badge{align-self:center;padding:6px 12px}.count-number{font-size:16px}.count-label{font-size:12px}.header-actions{justify-content:center}.btn--modern{font-size:14px;height:44px;min-width:120px}}@media (max-width:1024px) and (min-width:769px) and (orientation:portrait){.contact-list{left:200px;width:calc(100vw - 200px)}.contact-list--sidebar-collapsed{left:60px;width:calc(100vw - 60px)}.header-top{align-items:stretch}.contact-list__title,.header-top{flex-direction:column;gap:var(--spacing-md)}.contact-list__title{align-items:center;text-align:center}.contact-list__title h2{font-size:26px}.header-actions{justify-content:center}.btn--modern{font-size:14px;height:44px;min-width:120px}.contact-list__items{gap:14px;grid-template-columns:1fr;padding:20px}}@media (max-width:1024px) and (min-width:769px) and (orientation:landscape){.contact-list{left:280px;width:calc(100vw - 280px)}.header-top{align-items:center;flex-direction:row}.contact-list__title{flex-direction:row;gap:var(--spacing-lg)}.contact-list__title h2{font-size:28px}.btn--modern{height:46px;min-width:130px}.contact-list__items{gap:18px;grid-template-columns:repeat(2,1fr);padding:24px}}@media (max-width:768px){.contact-list__content{overflow-y:auto}.contact-list__items{gap:12px;padding:16px}.header-top{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.contact-list__title{justify-content:center;text-align:center}.contact-list__title h2{font-size:var(--font-size-lg)}.header-actions{justify-content:center}.header-actions .btn{font-size:var(--font-size-sm);height:36px;min-width:100px}.filter-row--options{gap:var(--spacing-sm);grid-template-columns:1fr}.filter-group label{font-size:var(--font-size-xs);margin-bottom:2px}.filter-group select,.search-input input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.search-input input{padding-left:35px}.search-icon{font-size:14px;left:var(--spacing-sm)}.contact-list__pagination{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.pagination-info{order:1;text-align:center}.pagination-btn{min-width:80px}.form-row{grid-template-columns:1fr}.modal{margin:var(--spacing-md);width:95%}}.contact-item{animation:contactSlideIn .4s ease-out}@keyframes contactSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{transform:translateY(-3px) scale(1.08)}.action-btn:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.contact-list__items{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:1fr;margin:0;min-height:min-content;padding:24px;width:100%}@media (min-width:1200px){.contact-list__items{gap:20px;grid-template-columns:repeat(2,1fr);padding:28px}}@media (min-width:1600px){.contact-list__items{gap:24px;grid-template-columns:repeat(3,1fr);padding:32px}}@media (max-width:1024px) and (min-width:769px){.contact-item{gap:14px;padding:16px 18px}.contact-item__main{max-width:calc(100% - 130px)}.avatar{font-size:17px;height:46px;width:46px}.contact-name{font-size:15.5px}.action-btn{height:34px;width:34px}.contact-item__actions{gap:5px;min-width:115px}}@media (min-width:1200px){.contact-item{gap:18px;min-height:82px;padding:20px 24px}.contact-item__main{gap:16px;max-width:calc(100% - 150px)}.avatar{font-size:19px;height:52px;width:52px}.contact-name{font-size:17px}.contact-phone{font-size:14px}.action-btn{height:38px;width:38px}.contact-item__actions{gap:7px;min-width:130px}}@media (max-width:768px){.contact-list__items{gap:12px;padding:16px}.contact-item{border-radius:12px;display:block;gap:12px;min-height:68px;padding:14px 16px;position:relative}.contact-item__main{align-items:center;display:flex;gap:10px;margin-bottom:8px;max-width:100%}.avatar{border-width:2px;font-size:16px;height:42px;width:42px}.status-indicator{border-width:2px;bottom:1px;height:10px;right:1px;width:10px}.contact-name{font-size:15px}.contact-phone{font-size:12px;gap:3px}.contact-phone svg{height:12px;width:12px}.contact-item__actions{align-items:center;bottom:8px;display:flex;gap:3px;min-width:auto;position:absolute;right:10px}.action-btn{border-radius:6px;box-shadow:0 1px 2px #0000001a;height:24px;width:24px}.action-btn svg{stroke-width:2.8;height:10px;width:10px}.action-btn:hover{box-shadow:0 2px 6px #0003;transform:translateY(-1px) scale(1.02)}}.group-list{background:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:280px;overflow:hidden;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100vw - 280px);z-index:10}.group-list--sidebar-collapsed{left:60px;width:calc(100vw - 60px)}.group-list__header{background:#fff;border-bottom:1px solid var(--border-color);flex-shrink:0;margin:0;padding:var(--spacing-lg);width:100%;z-index:11}.header-top{justify-content:space-between;margin-bottom:var(--spacing-md)}.group-list__title,.header-top{align-items:center;display:flex}.group-list__title{gap:var(--spacing-md)}.group-list__title h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);gap:var(--spacing-sm);margin:0}.group-list__icon{font-size:24px}.group-list__actions{align-items:center;display:flex;gap:var(--spacing-md)}.group-list__count{background:var(--primary-green);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;padding:4px 8px}.group-list__filters{align-items:center;display:flex;gap:var(--spacing-md)}.search-input{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-secondary);left:var(--spacing-md);z-index:1}.search-input input{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px;transition:border-color .2s;width:100%}.search-input input:focus{border-color:var(--primary-green);outline:none}.group-list__content{background:#f8f9fa;flex:1 1;margin:0;overflow-y:auto;padding:0;width:100%}.group-list__error,.group-list__loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);height:300px;justify-content:center}.group-list__error{text-align:center}.group-list__empty{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);height:400px;justify-content:center;text-align:center}.group-list__empty h3{color:var(--text-primary);margin:0}.group-list__empty p{color:var(--text-secondary);margin:0}.group-list__items{grid-gap:var(--spacing-md);grid-gap:var(--spacing-lg);box-sizing:border-box;display:grid;gap:var(--spacing-md);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-template-columns:1fr;margin:0;padding:var(--spacing-lg);width:100%}@media (min-width:768px){.group-list__items{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.group-list__items{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.group-list__items{grid-template-columns:repeat(4,1fr)}}.group-item{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all .2s ease}.group-item:hover{border-color:var(--primary-green);box-shadow:0 4px 12px #25d36626;transform:translateY(-2px)}.group-item__header{align-items:flex-start;display:flex;gap:var(--spacing-md)}.group-item__icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:60px;justify-content:center;width:60px}.group-item__info{flex:1 1;min-width:0}.group-name{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.group-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--spacing-sm) 0}.group-meta{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:4px}.member-count{color:var(--primary-green);font-weight:500}.group-item__actions{border-top:1px solid #f0f0f0;display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-sm)}.action-btn{border-radius:50%;font-size:16px;height:36px;transition:all .2s ease;width:36px}.action-btn--members{background:var(--primary-blue);color:#fff}.action-btn--members:hover{background:#2563eb;transform:scale(1.1)}.action-btn--edit{background:#f59e0b;color:#fff}.action-btn--edit:hover{background:#d97706;transform:scale(1.1)}.action-btn--delete{background:#ef4444;color:#fff}.action-btn--delete:hover{background:#dc2626;transform:scale(1.1)}.btn{display:flex}.btn--primary:hover{background:#22c55e;box-shadow:0 4px 8px #25d3664d}.btn--secondary{background:#f3f4f6;border:1px solid #d1d5db}.btn--secondary:hover{background:#e5e7eb}.btn--small{font-size:var(--font-size-xs);padding:4px 8px}.modal{max-width:600px;overflow-y:auto}.modal--confirm{max-width:400px}.modal--large{max-width:800px}.modal__header{border-bottom:1px solid #e0e0e0}.modal__header h3{align-items:center;display:flex;gap:var(--spacing-sm)}.modal__close{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal__close:hover{background:#f3f4f6;color:var(--text-primary)}.modal__content{padding:var(--spacing-lg);text-align:center}.confirm-icon{font-size:48px;margin-bottom:var(--spacing-md)}.confirm-warning{color:#ef4444;font-weight:500;margin-top:var(--spacing-sm)}.modal__form{padding:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.form-group,.form-row{margin-bottom:var(--spacing-md)}.form-group{gap:4px}.form-group label{color:var(--text-primary);font-size:var(--font-size-sm)}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px #25d36633}.form-group textarea{min-height:60px;resize:vertical}.color-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#000;transform:scale(1.2)}.icon-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.icon-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-option.active,.icon-option:hover{border-color:var(--primary-green);transform:scale(1.1)}.icon-option.active{background:#25d3661a}.modal__actions{border-top:1px solid #e0e0e0;gap:var(--spacing-md);padding:var(--spacing-lg)}.members-modal__content{max-height:60vh;overflow-y:auto;padding:var(--spacing-lg)}.members-section{margin-bottom:var(--spacing-lg)}.members-section h4{border-bottom:1px solid #e0e0e0;color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.no-contacts,.no-members{color:var(--text-secondary);font-style:italic;padding:var(--spacing-lg);text-align:center}.members-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.member-item{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.member-info{display:flex;flex-direction:column;gap:2px}.member-name{color:var(--text-primary);font-weight:500}.member-phone{color:var(--text-secondary);font-size:var(--font-size-sm)}.contacts-selection{border:1px solid #e0e0e0;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-md)}.contact-option{border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:background-color .2s}.contact-option:hover{background:#f9f9f9}.checkbox-label{gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin:0}.contact-name{margin-right:auto}.contact-phone{color:var(--text-secondary);font-size:var(--font-size-sm)}.add-members-actions{margin-top:var(--spacing-md);text-align:center}@media (max-width:768px){.group-list__items{grid-template-columns:1fr}.group-item__header{align-items:center;flex-direction:column;text-align:center}.group-item__actions{justify-content:center}.form-row{grid-template-columns:1fr}.modal{margin:var(--spacing-md);width:95%}.color-selector,.icon-selector{justify-content:center}.group-description{display:none}.group-list__filters{justify-content:stretch}.search-input{width:100%}}.contacts-selection::-webkit-scrollbar,.group-list__content::-webkit-scrollbar,.members-modal__content::-webkit-scrollbar{width:8px}.contacts-selection::-webkit-scrollbar-track,.group-list__content::-webkit-scrollbar-track,.members-modal__content::-webkit-scrollbar-track{background:#f1f1f1}.contacts-selection::-webkit-scrollbar-thumb,.group-list__content::-webkit-scrollbar-thumb,.members-modal__content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.contacts-selection::-webkit-scrollbar-thumb:hover,.group-list__content::-webkit-scrollbar-thumb:hover,.members-modal__content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.group-item{animation:fadeInUp .3s ease}.modal{animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pagination{align-items:center;background:var(--background-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.pagination__btn{background:var(--primary-green);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.pagination__btn:hover:not(:disabled){background:#22c55e;transform:translateY(-1px)}.pagination__btn:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;transform:none}.pagination__info{color:var(--text-primary);font-weight:500;text-align:center}.pagination__total{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:var(--spacing-xs)}@media (max-width:1024px) and (min-width:769px) and (orientation:portrait){.group-list{left:200px;width:calc(100vw - 200px)}.group-list--sidebar-collapsed{left:60px;width:calc(100vw - 60px)}.search-input{max-width:100%}.header-top{align-items:stretch}.group-list__title,.header-top{flex-direction:column;gap:var(--spacing-md)}.group-list__title{align-items:center;text-align:center}.group-list__title h2{font-size:26px}.group-list__actions{justify-content:center}.btn{font-size:14px;height:44px;min-width:120px}.group-list__items{gap:14px;grid-template-columns:1fr;padding:20px}}@media (max-width:768px){.group-list{left:20px!important;width:calc(100vw - 20px)!important}.group-list__header{padding:var(--spacing-md);position:relative}.header-top{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.group-list__title{justify-content:center;text-align:center}.group-list__title h2{font-size:var(--font-size-lg)}.group-list__actions,.group-list__filters{justify-content:center}.group-list__filters{margin-top:var(--spacing-md)}.search-input{max-width:100%}.search-input input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 35px}.search-icon{font-size:14px;left:var(--spacing-sm)}.group-list__items{gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-md)}.group-item{max-width:none;padding:var(--spacing-md)}.group-meta{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.group-date{display:none}.group-item__actions{flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.action-btn{font-size:12px;min-width:50px;padding:var(--spacing-xs) var(--spacing-sm)}.pagination{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.pagination__info{order:1;text-align:center}.pagination__controls{display:flex;justify-content:space-between;order:2;width:100%}.pagination__btn{flex:1 1;max-width:120px}}.csv-import{background:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:280px;overflow:hidden;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100vw - 280px);z-index:10}.csv-import--sidebar-collapsed{left:60px;width:calc(100vw - 60px)}.csv-import__header{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;margin:0;padding:var(--spacing-lg);text-align:center;width:100%;z-index:11}.csv-import__header h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:var(--spacing-sm);justify-content:center;margin:0 0 var(--spacing-sm) 0}.csv-import__icon{font-size:28px}.csv-import__header p{color:var(--text-secondary);margin:0}.step-indicator{background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:center;margin:0;padding:var(--spacing-lg);width:100%}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;gap:var(--spacing-sm);min-width:120px;position:relative}.step:not(:last-child):after{background:#e0e0e0;content:"";height:2px;position:absolute;right:-60px;top:15px;width:120px;z-index:1}.step.completed:not(:last-child):after{background:var(--primary-green)}.step-number{align-items:center;background:#e0e0e0;border-radius:50%;color:#6b7280;display:flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px;z-index:2}.step.active .step-number,.step.completed .step-number{background:var(--primary-green);color:#fff}.step-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.step.active .step-label,.step.completed .step-label{color:var(--text-primary);font-weight:600}.csv-import__content{box-sizing:border-box;flex:1 1;margin:0;overflow-y:auto;padding:var(--spacing-lg);position:relative;width:100%}.error-banner{border-radius:var(--radius-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.error-text{color:#dc2626;flex:1 1;font-weight:500}.error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:16px;padding:4px}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-green)}.upload-section{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.upload-area{background:#f8f9fa;border:2px dashed #d1d5db;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s ease}.upload-area:hover{background:#25d3660d;border-color:var(--primary-green)}.upload-icon{font-size:48px;margin-bottom:var(--spacing-md)}.upload-area h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.upload-area p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.file-input{display:none}.file-info{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.file-name{color:var(--text-primary);font-weight:500}.file-size{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.upload-help{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.upload-help h4{color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.upload-help ul{list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.upload-help li{color:var(--text-secondary);padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative}.upload-help li:before{color:var(--primary-green);content:"•";font-weight:700;left:0;position:absolute}.mapping-section{margin:0 auto;max-width:1200px}.mapping-header{margin-bottom:var(--spacing-xl);text-align:center}.mapping-header h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.mapping-header p{color:var(--text-secondary)}.mapping-table{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.mapping-header-row{background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:var(--text-primary);font-weight:600}.mapping-header-row,.mapping-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;padding:var(--spacing-md)}.mapping-row{align-items:center;border-bottom:1px solid #f0f0f0}.mapping-row:last-child{border-bottom:none}.csv-header{color:var(--text-primary);font-weight:500}.sample-data{color:var(--text-secondary);font-style:italic}.no-data{color:#9ca3af}.field-selector select{background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-sm);width:100%}.field-selector select:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px #25d36633;outline:none}.mapping-actions{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.mapping-warning{background:#fef3cd;border:1px solid #fde68a;border-radius:var(--radius-md);color:#92400e;font-weight:500;padding:var(--spacing-md);text-align:center}.preview-section{margin:0 auto;max-width:1200px}.preview-header{margin-bottom:var(--spacing-xl);text-align:center}.preview-header h3{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.preview-stats{display:flex;gap:var(--spacing-lg);justify-content:center}.stat{background:#f8f9fa;border-radius:var(--radius-md);flex-direction:column;min-width:100px;padding:var(--spacing-md)}.stat--success{background:#22c55e1a;border:1px solid #22c55e4d}.stat--error{background:#ef44441a;border:1px solid #ef44444d}.stat-number{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700}.stat--success .stat-number{color:#22c55e}.stat--error .stat-number{color:#ef4444}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.preview-errors,.preview-valid{margin-bottom:var(--spacing-lg)}.preview-errors h4,.preview-valid h4{border-bottom:1px solid #e0e0e0;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.error-list,.valid-list{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-md);overflow:hidden}.error-item,.valid-item{border-bottom:1px solid #f0f0f0;padding:var(--spacing-md)}.error-item:last-child,.valid-item:last-child{border-bottom:none}.error-contact{color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-sm)}.error-messages{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.error-message{background:#fef2f2;border-radius:12px;color:#dc2626;font-size:var(--font-size-xs);padding:2px 8px}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-name{color:var(--text-primary);font-weight:500}.contact-details{color:var(--text-secondary);font-size:var(--font-size-sm)}.more-errors,.more-valid{background:#f8f9fa;color:var(--text-secondary);font-style:italic;padding:var(--spacing-md);text-align:center}.preview-actions{display:flex;justify-content:space-between}.preview-groups{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.preview-groups h4{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.preview-groups p{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.groups-checkbox-list{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-md)}.group-checkbox{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color .2s,transform .2s;-webkit-user-select:none;user-select:none}.group-checkbox:hover{background:#25d36626;box-shadow:0 1px 3px #0000000d;transform:translateX(3px)}.group-checkbox input[type=checkbox]{accent-color:var(--primary-green);cursor:pointer;height:18px;margin:0;width:18px}.group-indicator{align-items:center;border-radius:50%;box-shadow:0 2px 5px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.group-name{color:var(--text-primary);display:inline-block;flex:1 1;font-weight:500;margin-left:12px}.selected-groups-info{background:#25d3661a;border-radius:var(--radius-sm);color:var(--primary-green);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.result-section{margin:0 auto;max-width:600px;padding:var(--spacing-xl);text-align:center}.result-icon{font-size:80px;margin-bottom:var(--spacing-lg)}.result-section h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.result-stats{display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-xl)}.result-stat{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:150px;padding:var(--spacing-lg)}.result-stat--warning{background:#f59e0b1a;border:1px solid #f59e0b4d}.result-number{color:#22c55e;font-size:var(--font-size-xl);font-weight:700}.result-stat--warning .result-number{color:#f59e0b}.result-label{color:var(--text-secondary);font-weight:500}.result-actions{display:flex;gap:var(--spacing-md);justify-content:center}.result-stat--info{border-left:4px solid #17a2b8}.result-stat--info .result-number{color:#17a2b8}.btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}.btn--primary:hover:not(:disabled){background:#22c55e;box-shadow:0 4px 8px #25d3664d}.btn--primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn--secondary{background:#f0f2f5;border:1px solid #dadde1;color:#54656f;transition:all .2s ease}.btn--secondary:hover{background:#e4e6ea;border-color:#c5c9cc;box-shadow:0 2px 8px #0000001a;color:#111b21;transform:translateY(-1px)}.btn--secondary svg{transition:transform .2s ease}.btn--secondary:hover svg{transform:translateX(-2px)}@media (max-width:1024px) and (min-width:769px) and (orientation:portrait){.csv-import{left:200px;width:calc(100vw - 200px)}.csv-import--sidebar-collapsed{left:60px;width:calc(100vw - 60px)}.csv-import__header{padding:var(--spacing-md)}.csv-import__header h2{font-size:26px}.csv-import__content,.step-indicator{padding:var(--spacing-md)}.upload-section{gap:var(--spacing-lg);grid-template-columns:1fr;max-width:600px}.mapping-section,.preview-section{max-width:800px}.btn{font-size:14px;height:44px;min-width:120px}}@media (max-width:1024px){.upload-section{gap:var(--spacing-lg);grid-template-columns:1fr}.mapping-header-row,.mapping-row{gap:var(--spacing-sm);grid-template-columns:1fr}.mapping-header-row>div{background:#f0f0f0;border-radius:4px;font-weight:600;padding:var(--spacing-sm)}.mapping-row{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.preview-stats,.result-stats{align-items:center;flex-direction:column}}@media (max-width:768px){.csv-import{left:20px!important;width:calc(100vw - 20px)!important}.step-indicator{flex-wrap:wrap;gap:var(--spacing-md)}.step:not(:last-child):after{display:none}.step{min-width:auto}.csv-import__content{padding:var(--spacing-md)}.mapping-actions,.preview-actions,.result-actions{flex-direction:column;gap:var(--spacing-md)}}.csv-import__content::-webkit-scrollbar{width:8px}.csv-import__content::-webkit-scrollbar-track{background:#f1f1f1}.csv-import__content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.csv-import__content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.error-list,.mapping-table,.upload-area,.valid-list{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-list{background-color:#f8fafc;bottom:0;height:100vh;left:280px;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100vw - 280px);z-index:10}.template-list--sidebar-collapsed{left:80px;width:calc(100vw - 80px)}.template-list__header{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.template-list__title h1{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:8px;margin:0 0 8px}.template-list__title p{color:#64748b;font-size:16px;margin:0}.template-list__actions{display:flex;gap:12px}.template-list__filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 0 24px;padding:20px}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-group{flex:1 1;flex-direction:column;min-width:200px}.filter-input,.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-input::placeholder{color:#94a3b8}.template-list__content{padding:0 0 40px}.template-list__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.loading-spinner{font-size:48px}.template-list__error{align-items:center;background:#fff;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.template-list__error p{color:#dc2626;font-size:16px;margin-bottom:20px}.template-list__empty{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.template-list__empty h3{color:#374151;font-size:24px;margin-bottom:12px}.template-list__empty p{color:#6b7280;font-size:16px;margin-bottom:24px;max-width:400px}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.template-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.template-card__header{border-bottom:1px solid #f1f5f9;padding:20px 20px 16px}.template-card__name{color:#1e293b;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.template-card__badges{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.template-card__content{padding:16px 20px}.template-card__description{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 12px}.template-card__preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.4;padding:12px}.template-card__meta{align-items:center;border-top:1px solid #f1f5f9;color:#64748b;display:flex;font-size:12px;justify-content:space-between;padding:16px 20px}.template-card__stats{display:flex;gap:16px}.stat{align-items:center;display:flex;gap:4px}.template-card__date{font-weight:500}.template-card__actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.template-list__pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;justify-content:center;margin:20px 0 0;padding:20px}.pagination-info{color:#64748b;font-size:14px;font-weight:500}.btn{gap:6px;padding:10px 16px}.btn--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.modal{width:100%}.modal--danger{border-top:4px solid #ef4444}.modal__header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.modal__header h3{font-size:20px;font-weight:600}.modal__close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:20px;padding:4px}.modal__close:hover{background:#f1f5f9;color:#374151}.modal__content{padding:20px 24px}.modal__content p{color:#374151;line-height:1.5;margin:0 0 12px}.text-small{font-size:14px}.text-danger{color:#dc2626}.modal__actions{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.template-card__facebook{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;margin:8px 0;padding:12px}.facebook-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.facebook-label{color:#64748b;font-size:.85rem;font-weight:500}.facebook-badge{align-items:center;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 8px}.facebook-actions{display:flex;flex-wrap:wrap;gap:8px}.btn--facebook{background:linear-gradient(135deg,#1877f2,#166fe5);border:none;color:#fff;font-size:.8rem;font-weight:500;transition:all .2s ease}.btn--facebook:hover:not(:disabled){background:linear-gradient(135deg,#166fe5,#1464d8);box-shadow:0 4px 12px #1877f24d;transform:translateY(-1px)}.btn--sync{background:linear-gradient(135deg,#059669,#047857);border:none;color:#fff;font-size:.8rem;font-weight:500;transition:all .2s ease}.btn--sync:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.btn--facebook:disabled,.btn--sync:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.facebook-status{align-items:flex-start;flex-direction:column;gap:8px}.facebook-actions{width:100%}.btn--facebook,.btn--sync{flex:1 1;min-width:0}}@media (max-width:1024px) and (min-width:769px){.template-list{height:100vh;left:200px;overflow-y:auto;padding:16px;position:fixed;width:calc(100vw - 200px)}.template-list--sidebar-collapsed{left:50px;width:calc(100vw - 50px)}.template-list__header{margin:0 0 16px;padding:16px}.template-list__filters{margin:0 0 24px}.template-list__content{margin:0;padding:0 0 40px}}@media (max-width:768px){.template-list{bottom:auto;height:auto;overflow:visible;padding:12px;position:static;right:auto;top:auto;z-index:auto}.template-list,.template-list--sidebar-collapsed{left:auto;width:100%}.template-list__header{align-items:stretch;flex-direction:column;gap:16px;margin:0 0 12px;padding:12px}.template-list__title h1{font-size:24px}.filters-row{flex-direction:column;gap:12px}.filter-group{min-width:0;min-width:auto}.template-grid{gap:16px;grid-template-columns:1fr}.template-list__pagination{flex-direction:column;gap:12px}.modal{margin:20px}.template-list__filters{margin:0 0 24px}.template-list__content{margin:0;padding:0 0 40px}}@media (max-width:480px){.template-card__actions{flex-direction:column}.btn{justify-content:center}}.media-upload-container{margin-top:8px}.media-file-input{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.media-file-input:hover{background-color:#eff6ff;border-color:#3b82f6}.media-upload-info{color:#64748b;margin-top:8px}.media-preview{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.media-preview-header{align-items:center;color:#374151;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.remove-media-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.remove-media-btn:hover{background:#dc2626}.media-preview-image{object-fit:contain}.media-preview-image,.media-preview-video{border-radius:6px;max-height:200px;max-width:100%}.media-file-info{color:#64748b;display:flex;font-size:14px;justify-content:space-between;margin-top:8px}.existing-media{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.existing-media-header{align-items:center;color:#374151;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.existing-media-preview{text-align:center}.template-form{background-color:#f8fafc;bottom:0;display:flex;flex-direction:column;height:100vh;left:280px;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100vw - 280px);z-index:10}.template-form--sidebar-collapsed{left:80px;width:calc(100vw - 80px)}.template-form__header{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e2e8f0;border-radius:12px 12px 0 0;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-shrink:0;justify-content:space-between;margin:-20px -20px 24px;padding:20px;position:sticky;top:-20px;z-index:11}.template-form__title h1{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:8px;margin:0 0 8px}.template-form__title p{color:#64748b;font-size:16px;margin:0}.template-form__actions{display:flex;gap:12px}.template-form__form{display:flex;flex:1 1;flex-direction:column;margin:0 -20px;min-height:0;overflow-y:auto;padding:0 20px}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;gap:12px;margin-bottom:20px;padding:16px}.error-icon{font-size:20px}.preview-content{margin-top:16px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.form-section h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-help{color:#64748b;display:block;font-size:12px;margin-top:4px}.form-help code{background:#f1f5f9;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.variables-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.variables-header h3{margin:0}.variables-list{display:flex;flex-direction:column;gap:12px}.variable-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.variable-label{font-size:13px;font-weight:500;margin:0!important;min-width:120px}.variable-label code{background:#1e293b;border-radius:4px;color:#f1f5f9;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.variable-input{flex:1 1;font-size:13px;margin:0!important;padding:8px 10px!important}.preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:500px;overflow:hidden}.preview-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;padding:16px 20px}.preview-header h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:6px;margin:0}.preview-content{flex:1 1;min-height:200px;overflow-y:auto;padding:20px}.preview-content--whatsapp{background:#e5ddd5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.text-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;min-height:60px;padding:16px;white-space:pre-wrap}.whatsapp-preview{background:#e5ddd5;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.whatsapp-chat-header{align-items:center;background:#075e54;border-bottom:1px solid #128c7e;color:#fff;display:flex;gap:12px;padding:12px 16px}.chat-avatar{align-items:center;background:#25d366;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.chat-info{flex:1 1}.chat-name{font-size:16px;font-weight:600;margin-bottom:2px}.chat-status{font-size:12px;opacity:.8}.whatsapp-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:200px;padding:16px}.whatsapp-message{border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:280px;overflow:hidden;position:relative}.whatsapp-message--outgoing{align-self:flex-end;background:#dcf8c6;margin-left:auto}.whatsapp-message--incoming{align-self:flex-start;background:#fff}.message-media{margin-bottom:8px}.media-image,.media-video{border-radius:8px 8px 0 0;overflow:hidden;position:relative}.preview-image{object-fit:cover}.preview-image,.preview-video{display:block;height:auto;max-height:200px;max-width:280px;width:100%}.video-overlay{align-items:center;background:#0009;border-radius:50%;display:flex;height:50px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.play-button{color:#fff;font-size:20px}.message-content{word-wrap:break-word;color:#111;font-size:14px;line-height:1.4;margin-bottom:4px;padding:8px 12px;white-space:pre-wrap}.message-meta{align-items:center;color:#667781;display:flex;font-size:11px;gap:4px;justify-content:flex-end;padding:0 12px 8px}.message-time{opacity:.8}.message-status{color:#4fc3f7;font-weight:700}.text-media-preview{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;color:#0369a1;font-size:13px;margin-bottom:12px;padding:8px 12px}.text-content{color:#374151;font-size:14px;line-height:1.5;white-space:pre-wrap}.preview-variables{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;padding:16px 20px}.preview-variables h4{color:#374151;font-size:14px;font-weight:500;margin:0 0 12px}.variables-tags{display:flex;flex-wrap:wrap;gap:6px}.variable-tag{background:#3b82f6;border-radius:12px;color:#fff;font-family:Courier New,monospace;font-size:11px;font-weight:500;padding:4px 8px}.form-actions{border-top:2px solid #e2e8f0;box-shadow:0 -4px 6px -1px #0000001a;flex-shrink:0;gap:12px;margin:0 -20px -20px;padding:20px}.btn{min-width:120px}.btn--primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn--secondary{color:#475569}.btn--secondary:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.btn--small{font-size:12px;min-width:auto;padding:6px 12px}@media (max-width:1200px){.form-layout{grid-template-columns:1fr 350px}}@media (max-width:1024px) and (min-width:769px){.template-form{height:100vh;left:200px;overflow-y:auto;padding:16px;position:fixed;width:calc(100vw - 200px)}.template-form--sidebar-collapsed{left:50px;width:calc(100vw - 50px)}.template-form__header{margin-left:-16px;margin-right:-16px;margin-top:-16px;padding:16px;top:-16px}.template-form__form{margin:0 -16px;padding:0 16px}.preview-section{min-height:400px}.form-actions{margin:0 -16px -16px;padding:16px}}@media (max-width:768px){.template-form{bottom:0;height:100vh;overflow-y:auto;padding:12px;position:fixed;right:0;top:0;z-index:100}.template-form,.template-form--sidebar-collapsed{left:20px;width:calc(100% - 20px)}.template-form__header{align-items:stretch;flex-direction:column;gap:16px;margin-left:-12px;margin-right:-12px;margin-top:-12px;padding:12px;position:sticky;top:-12px;z-index:101}.template-form__title h1{font-size:24px}.template-form__form{margin:0 -12px;padding:0 12px}.form-section{padding:20px}.form-row{gap:12px;grid-template-columns:1fr}.variable-item{align-items:stretch;flex-direction:column;gap:8px}.variable-label{min-width:auto}.form-actions{flex-direction:column-reverse;margin:0 -12px -12px;padding:12px}.btn{width:100%}}@media (max-width:480px){.form-section,.preview-content{padding:16px}.whatsapp-message{max-width:240px}}.template-categories{background-color:#f8fafc;bottom:0;display:flex;flex-direction:column;height:100vh;left:280px;overflow:hidden;padding:0;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100vw - 280px);z-index:10}.template-categories--sidebar-collapsed{left:80px;width:calc(100vw - 80px)}.template-categories__header{background-color:var(--background-color);border-bottom:1px solid var(--border-color);border-radius:0;margin:0;padding:16px;position:sticky;top:0;z-index:2}.template-categories__title h1{align-items:center;color:#1e293b;display:flex;font-size:32px;font-weight:700;gap:12px;margin:0 0 12px}.template-categories__title p{color:#64748b;font-size:18px;line-height:1.6;margin:0}.template-categories__content{flex:1 1;margin:0;overflow-y:auto;padding:16px}.template-categories__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px;text-align:center}.loading-spinner{animation:pulse 2s infinite;font-size:56px;margin-bottom:20px}.template-categories__error{align-items:center;background:#fff;background-color:#fef2f2;border:1px solid #fecaca;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px;text-align:center}.error-icon{color:#ef4444;font-size:56px;margin-bottom:20px}.template-categories__error p{color:#dc2626;font-size:18px;margin-bottom:24px}.categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:16px}.category-card{background-color:var(--card-background);border-radius:8px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.category-card__header{align-items:center;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative}.category-card__header:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.category-card__icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;position:relative;width:64px;z-index:1}.category-card__title{flex:1 1;position:relative;z-index:1}.category-card__title h3{font-size:22px;font-weight:700;line-height:1.3;margin:0 0 8px}.category-card__title p{font-size:14px;font-weight:400;line-height:1.5;margin:0}.category-card__stats{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px}.stat-row{display:flex;gap:16px;margin-bottom:16px}.stat-row:last-child{margin-bottom:0}.stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;padding:12px;text-align:center;transition:all .2s ease}.stat-item:hover{border-color:#cbd5e1;transform:translateY(-1px)}.stat-value{color:#1e293b;font-size:24px;line-height:1;margin-bottom:4px}.stat-value.status-active{color:#059669}.stat-value.status-draft{color:#f59e0b}.stat-value.status-approved{color:#3b82f6}.stat-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.category-card__footer{background:#fff;border-top:1px solid #e2e8f0;padding:16px}.category-usage-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden;width:100%}.usage-bar-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width .3s ease}.category-card__actions{align-items:center;display:flex;justify-content:space-between}.category-code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.categories-summary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.categories-summary h3{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 24px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;overflow:hidden;padding:24px;position:relative;text-align:center}.summary-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.summary-card:first-child{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.summary-card:nth-child(2){background:linear-gradient(135deg,#059669,#10b981)}.summary-card:nth-child(3){background:linear-gradient(135deg,#dc2626,#ef4444)}.summary-card:nth-child(4){background:linear-gradient(135deg,#f59e0b,#f97316)}.summary-value{font-size:36px;font-weight:700;line-height:1;margin-bottom:8px;position:relative;z-index:1}.summary-label{font-size:14px;font-weight:500;opacity:.9;position:relative;z-index:1}.btn{font-size:14px;padding:12px 20px}.btn--primary{background:#3b82f6}.btn--primary:hover{background:#2563eb}@media (min-width:768px) and (max-width:1024px){.template-categories{height:100vh;left:220px;overflow-y:auto;padding:16px;position:fixed;width:calc(100vw - 220px)}.template-categories--sidebar-collapsed{left:80px;width:calc(100vw - 80px)}.template-categories__header{margin:-16px -16px 16px;padding:16px;position:sticky;top:0;z-index:10}.template-categories__content{margin:0;padding:0}.categories-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.category-card{padding:16px}.category-card__header h3{font-size:1.1rem}.category-card__actions{gap:8px}}@media (max-width:767px){.template-categories{padding:0}.template-categories__header{border-radius:0;margin:0;padding:12px;top:0}.template-categories__content{margin:0;padding:0}.template-categories__title h1{font-size:28px}.template-categories__title p{font-size:16px}.categories-grid{gap:20px}.category-card__header{flex-direction:column;gap:12px;padding:20px;text-align:center}.category-card__icon{font-size:24px;height:56px;width:56px}.stat-row{flex-direction:column;gap:12px}.summary-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.categories-summary{padding:24px}}@media (max-width:480px){.template-categories{background:linear-gradient(180deg,#fff,#f8fafc);overflow-x:hidden;padding:0;width:100%}.template-categories__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f0cc;border-radius:0;margin:0;padding:16px}.template-categories__content{margin:0;padding:12px}.template-categories__title h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:26px;letter-spacing:-.02em;line-height:1.4}.template-categories__title p{color:#64748b;font-size:15px;line-height:1.6}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 0 16px}.category-card__footer,.category-card__stats{background:#f8fafccc;padding:16px}.category-card__header{background:linear-gradient(135deg,#ffffff1a,#fff0);padding:20px}.categories-grid{gap:16px;margin-bottom:16px;padding:0 4px}.summary-grid{gap:12px;grid-template-columns:1fr}.summary-value{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#fff,#ffffffe6);background-clip:text;-webkit-background-clip:text;font-size:32px;font-weight:800}.categories-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:8px;padding:20px}}.campaigns-container{background:#f8f9fa;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:280px;margin-left:auto;overflow-x:hidden;overflow-y:auto;padding:24px;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100% - 350px);z-index:10}.campaigns-container.sidebar-collapsed{left:50px;width:calc(100% - 120px)}@media (max-width:768px){.campaigns-container{margin-left:0;padding:16px}.campaigns-container.sidebar-collapsed{margin-left:0}}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:60vh;justify-content:center}.loading-spinner{border:4px solid #fff3;height:48px;margin-bottom:16px;width:48px}.campaigns-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:24px;padding:24px;width:calc(100% - 260px)}.header-content{align-items:flex-start;margin-bottom:32px}.header-left h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:700;gap:12px;margin:0 0 8px}.header-subtitle{color:#6b7280;font-size:1.1rem;font-weight:500;margin:0}.header-actions{gap:12px}.header-actions,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea40;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;gap:6px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 8px 25px #667eea59;transform:translateY(-2px)}.refresh-btn:active{transform:translateY(0)}.refresh-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.refresh-btn.refreshing{opacity:.8}.spinning{animation:spin 1s linear infinite}.create-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 8px 25px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.create-btn:hover{box-shadow:0 12px 35px #10b98166;transform:translateY(-2px)}.create-btn:active{transform:translateY(0)}.create-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-btn:hover:before{left:100%}.btn-icon{font-size:1.2rem}.btn-text{font-weight:600}.filters-section{display:flex;flex-direction:column;gap:24px}.search-container{display:flex;justify-content:center}.search-box{max-width:500px;width:100%}.search-icon{color:#9ca3af;font-size:1.2rem;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #9ca3af33;border-radius:16px;box-sizing:border-box;font-size:1rem;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.filter-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #0000;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.filter-tab:hover{background:#ffffffe6;transform:translateY(-1px)}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#fff3;box-shadow:0 8px 25px #667eea4d;color:#fff}.filter-icon{font-size:1.1rem}.campaigns-content{min-height:400px;width:calc(100% - 260px)}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.empty-illustration{margin-bottom:32px;position:relative}.empty-icon{animation:float 3s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-particles{height:200px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:200px}.empty-particles span{animation:sparkle 2s ease-in-out infinite;font-size:1.5rem;position:absolute}.empty-particles span:first-child{animation-delay:0s;left:20%;top:20%}.empty-particles span:nth-child(2){animation-delay:.7s;right:20%;top:30%}.empty-particles span:nth-child(3){animation-delay:1.4s;bottom:20%;left:30%}.empty-state h3{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0 0 16px}.empty-state p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 auto 32px;max-width:500px}.clear-filters-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 6px 20px #f59e0b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-filters-btn:hover{box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.campaigns-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding:0}.campaign-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.campaign-card:hover{box-shadow:0 30px 60px #00000026;transform:translateY(-8px)}.campaign-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.campaign-info{flex:1 1}.campaign-name{color:#1f2937;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 8px}.campaign-description{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 16px}.campaign-meta{display:flex;flex-direction:column;gap:6px}.meta-item{color:#9ca3af;display:flex}.meta-item,.status-badge{align-items:center;font-size:.9rem;gap:6px}.status-badge{border-radius:12px;display:inline-flex;padding:8px 16px;white-space:nowrap}.status-active{background:#10b9811a;border:1px solid #10b98133;color:#059669}.status-completed{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.status-scheduled{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.status-paused{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.status-draft{background:#8b5cf61a;border:1px solid #8b5cf633;color:#7c3aed}.status-icon{font-size:1rem}.progress-section{margin-bottom:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#4b5563;font-size:.9rem;font-weight:600}.progress-value{color:#1f2937;font-size:.9rem;font-weight:700}.progress-bar{background:#9ca3af33;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;position:relative;transition:all .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-card{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.stat-card:hover{background:#f8fafc;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;background:#fffc;border:1px solid #e2e8f080;border-radius:10px;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.stat-content{flex:1 1}.stat-value{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 4px}.stat-label{color:#6b7280;font-size:.85rem;font-weight:500}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:flex;flex:1 1;font-size:.7rem;font-weight:600;gap:6px;justify-content:center;min-width:0;outline:none;overflow:hidden;padding:8px 10px;pointer-events:auto;position:relative;transition:all .3s ease;z-index:10}.action-btn:hover{transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.action-btn.primary:hover{box-shadow:0 8px 25px #667eea66}.action-btn.secondary{background:#9ca3af1a;border:1px solid #9ca3af33;color:#4b5563}.action-btn.secondary:hover{background:#9ca3af33;border-color:#9ca3af4d}.action-btn.danger{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.action-btn.danger:hover{background:#ef444433;border-color:#ef44444d}.action-btn .btn-icon{font-size:1rem}.action-btn .btn-text{font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.details-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f080;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{font-size:1.5rem}.close-btn{border-radius:10px;height:40px;width:40px}.modal-content{padding:32px}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.3rem;font-weight:700;gap:8px;margin:0 0 20px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:#f8fafc80;border:1px solid #e2e8f080;border-radius:12px;padding:16px}.detail-label{color:#6b7280;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.detail-value{color:#1f2937;font-size:1rem;font-weight:600}.stats-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-detail-card{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-detail-card:hover{background:#f8fafc;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-detail-icon{align-items:center;background:#fffc;border:1px solid #e2e8f080;border-radius:16px;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-detail-info{flex:1 1}.stat-detail-value{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0 0 4px}.stat-detail-label{color:#6b7280;font-size:1rem;font-weight:500}@media (max-width:1200px){.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px) and (orientation:portrait){.campaigns-container{-webkit-overflow-scrolling:touch;height:100vh;left:0;margin:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100vw}.campaigns-header{background:inherit;margin:0 auto;padding:24px;width:calc(100% - 48px)}.header-content{align-items:stretch;flex-direction:column;gap:20px}.header-left h1{font-size:2rem}.create-btn{align-self:center;max-width:300px;width:100%}.filters-section{gap:16px;margin:0 auto;width:100%}.filter-tabs{flex-wrap:wrap;justify-content:center;padding-bottom:8px}.campaigns-content,.campaigns-grid{margin:0 auto;width:100%}.campaigns-grid{gap:20px;grid-template-columns:1fr}.campaign-card{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.action-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;justify-content:center;min-height:44px;padding:10px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.campaigns-container{-webkit-overflow-scrolling:touch;bottom:0;height:100vh;left:200px;overflow-y:auto;padding:20px;position:fixed;right:40px;top:0;transition:left .3s ease,width .3s ease;width:calc(100% - 240px)}.campaigns-container.sidebar-collapsed{left:50px;width:calc(100% - 100px)}.campaigns-container.sidebar-collapsed .campaigns-header{width:calc(100% - 32px)}.campaigns-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:24px;padding:24px;width:calc(100% - 180px)}.header-content{align-items:center;flex-direction:column;gap:20px;text-align:center}.header-left{width:100%}.header-left h1{font-size:2rem;margin-bottom:8px;text-align:center}.header-subtitle{font-size:1rem;text-align:center}.create-btn,.header-actions{justify-content:center;width:100%}.create-btn{max-width:300px;padding:16px 24px}.filters-section{flex-direction:column;gap:20px;width:100%}.search-container{width:100%}.search-box{max-width:100%}.filter-tabs{flex-wrap:wrap;gap:12px;justify-content:center}.filter-tab{flex:0 0 auto;min-width:120px}.campaigns-container.sidebar-collapsed .campaigns-content{width:calc(100% - 32px)}.campaigns-content{width:calc(100% - 180px)}.campaigns-grid{gap:20px;grid-template-columns:1fr;width:100%}.campaign-card{box-sizing:border-box;padding:20px;width:100%}.card-header{align-items:flex-start;flex-direction:column;gap:16px}.campaign-info{width:100%}.campaign-name{font-size:1.3rem;line-height:1.4}.campaign-description{font-size:.95rem;line-height:1.5}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px}.stat-icon{font-size:1.3rem;height:36px;width:36px}.stat-value{font-size:1.1rem}.stat-label{font-size:.8rem}.card-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:16px}.action-btn{font-size:.85rem;justify-content:center;min-height:44px;padding:12px 16px;width:100%}.action-btn .btn-text{display:block}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;width:100vw;z-index:9999}.details-modal{max-height:85vh;max-width:90%}.modal-content{padding:24px}.detail-grid{gap:16px;grid-template-columns:1fr}.stats-detail-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-detail-card{padding:16px}.stat-detail-icon{font-size:1.5rem;height:50px;width:50px}.stat-detail-value{font-size:1.5rem}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.campaigns-container{-webkit-overflow-scrolling:touch;height:100vh;left:0;overflow-y:auto;padding:24px;width:100%}.campaigns-header{background:inherit;padding:28px;width:100%}.header-content{align-items:center;flex-direction:row;justify-content:space-between}.header-left h1{font-size:2.2rem}.create-btn{min-width:200px}.filters-section{gap:20px;width:100%}.filter-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:12px}.filter-tab{flex-shrink:0}.campaigns-content{width:100%}.campaigns-grid{gap:24px;grid-template-columns:repeat(2,1fr);width:100%}.campaign-card{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.card-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.action-btn{flex-basis:calc(33.333% - 7px);flex-grow:1;flex-shrink:1;justify-content:center;min-height:44px;padding:10px 16px}.btn-text{display:inline-block}.modal-overlay{padding:20px}.modal-content{padding:24px}.detail-grid,.stats-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.campaigns-container{height:100vh;left:10px;padding:8px}.campaigns-container,.campaigns-container.sidebar-collapsed{margin-left:0;overflow-y:auto;width:100%}.campaigns-header{margin-bottom:16px;padding:16px;position:sticky;top:0;z-index:100}.header-left h1{font-size:1.5rem;text-align:center}.header-subtitle{font-size:.9rem;text-align:center}.campaign-card{margin:8px 0;padding:12px}.campaign-name{font-size:1.1rem}.campaign-description{font-size:.9rem}.stat-card{padding:10px}.stats-grid{gap:8px;grid-template-columns:1fr}.card-actions{display:flex;flex-wrap:wrap;gap:6px}.action-btn{align-items:center;border-radius:8px;display:flex;flex:1 1 auto;font-size:.75rem;gap:4px;height:36px;justify-content:center;min-width:80px;padding:8px}.btn-text{display:inline-block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-icon{flex-shrink:0;font-size:1rem}.search-input{border-radius:8px;font-size:.9rem;padding:12px}.filter-tabs{-webkit-overflow-scrolling:touch;background:inherit;display:flex;gap:8px;overflow-x:auto;padding:8px 0;position:sticky;scrollbar-width:none;top:80px;z-index:90}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:.8rem;gap:4px;min-width:auto;padding:8px 12px;white-space:nowrap}.filter-tab .filter-icon{font-size:.9rem}}@media (prefers-contrast:high){.campaign-card{border:2px solid #000}.action-btn{border:2px solid}}@media (prefers-color-scheme:dark){.campaigns-container{background:linear-gradient(135deg,#1e293b,#334155)}.campaign-card,.campaigns-header,.empty-state{background:#1e293bf2;color:#f1f5f9}.campaign-name{color:#f1f5f9}.campaign-description,.meta-item{color:#94a3b8}.detail-item,.stat-card,.stat-detail-card{background:#334155cc;border-color:#47556980}.search-input{background:#1e293be6;border-color:#47556980;color:#f1f5f9}.filter-tab{background:#1e293bb3;color:#cbd5e1}.filter-tab.active{color:#fff}}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;padding:20px}.campaign-modal{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;padding:20px 24px}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-header h2{align-items:center;display:flex;font-size:1.4rem;font-weight:700;gap:8px;margin:0}.close-btn,.header-icon{font-size:1.5rem}.close-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:44px;justify-content:center;transition:all .3s ease;width:44px}.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-steps:before{background:#ffffff4d;content:"";height:2px;left:20px;position:absolute;right:20px;top:20px;z-index:1}.progress-step{flex:1 1;flex-direction:column;position:relative;z-index:2}.progress-step,.step-circle{align-items:center;display:flex}.step-circle{background:#ffffff4d;border:2px solid #0000;border-radius:50%;color:#fff;font-size:.85rem;font-weight:700;height:32px;justify-content:center;margin-bottom:6px;transition:all .3s ease;width:32px}.progress-step.active .step-circle{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #ffffff4d;color:#667eea}.progress-step.completed .step-circle{background:#10b981e6;border-color:#10b981e6;color:#fff}.step-label{font-size:.75rem;font-weight:600;opacity:.8;text-align:center;transition:all .3s ease}.progress-step.active .step-label{font-weight:700;opacity:1}.modal-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.step-content{animation:stepSlideIn .3s ease}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.step-header{margin-bottom:20px;text-align:center}.step-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:6px;justify-content:center;margin:0 0 6px}.step-header p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.form-group{margin-bottom:18px}.form-label{color:#374151;font-size:1rem;gap:8px;margin-bottom:8px}.label-icon{font-size:1.1rem}.form-input,.form-select,.form-textarea{background:#f9fafb;border-radius:10px;box-sizing:border-box;font-size:.9rem;padding:12px 14px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-input.error,.form-select.error,.form-textarea.error{background:#fef2f2;border-color:#ef4444}.form-textarea{min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.error-message{color:#ef4444;display:block;font-weight:500}.error-message,.input-helper{font-size:.875rem;margin-top:6px}.input-helper{color:#6b7280}.template-preview{background:#667eea0d;border:1px solid #667eea33;border-radius:12px;margin-top:16px;overflow:hidden}.preview-header{align-items:center;background:#667eea1a;color:#667eea;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 16px}.preview-icon{font-size:1rem}.preview-content{padding:16px}.preview-content h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 8px}.preview-content p{color:#6b7280;line-height:1.5;margin:0}.group-info{background:#10b9810d;border:1px solid #10b98133;border-radius:12px;margin-top:16px;overflow:hidden}.info-header{align-items:center;background:#10b9811a;color:#059669;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 16px}.info-icon{font-size:1rem}.info-content{padding:16px}.info-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-label{color:#374151;font-size:.9rem;font-weight:600}.info-value{color:#6b7280;font-size:.9rem;max-width:60%;text-align:right}.campaign-summary{background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:16px;margin-top:24px;overflow:hidden}.summary-header{align-items:center;background:#f59e0b1a;color:#d97706;display:flex;font-size:1.1rem;font-weight:700;gap:10px;padding:16px 20px}.summary-icon{font-size:1.3rem}.summary-content{padding:20px}.summary-item{align-items:flex-start;border-bottom:1px solid #f59e0b1a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.summary-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.summary-label{color:#374151;flex-shrink:0;font-size:.95rem;font-weight:600;margin-right:16px}.summary-value{color:#6b7280;font-size:.95rem;line-height:1.4;text-align:right}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-weight:500;gap:8px;margin-top:20px;padding:16px}.error-icon{flex-shrink:0;font-size:1.2rem}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px}.footer-actions{display:flex;gap:10px;justify-content:flex-end}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{font-size:1.1rem}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.modal-overlay{padding:8px}.campaign-modal{border-radius:12px;max-height:92vh;max-width:100%}.modal-header{border-radius:12px 12px 0 0;padding:16px 20px}.modal-header h2{font-size:1.2rem}.progress-steps{gap:8px}.step-circle{font-size:.9rem;height:36px;width:36px}.step-label{font-size:.75rem}.modal-content{padding:16px 20px}.step-header h3{font-size:1.1rem}.footer-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}.info-item,.summary-item{align-items:flex-start;flex-direction:column;gap:4px}.info-value,.summary-value{max-width:100%;text-align:left}}@media (max-width:480px){.modal-header{padding:14px 16px}.modal-header h2{font-size:1.1rem}.header-icon{font-size:1.3rem}.modal-content{padding:14px 16px}.modal-footer{padding:12px 16px}.form-input,.form-select,.form-textarea{font-size:.85rem;padding:10px 12px}.step-header h3{font-size:1rem}.progress-steps:before{left:18px;right:18px}.step-circle{font-size:.85rem;height:32px;width:32px}.step-label{font-size:.7rem}}@media (prefers-contrast:high){.campaign-modal{border:3px solid #000}.form-input,.form-select,.form-textarea{border:2px solid #000}.btn-primary,.btn-secondary{border:2px solid}}@media (prefers-color-scheme:dark){.campaign-modal{color:#f9fafb}.campaign-modal,.modal-content{background:#1f2937}.modal-footer{background:#111827;border-color:#374151}.form-input,.form-select,.form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#4b5563;border-color:#667eea}.step-header h3{color:#f9fafb}.form-label{color:#e5e7eb}.campaign-summary,.group-info,.template-preview{background:#37415180;border-color:#4b556380}.info-header,.preview-header,.summary-header{background:#374151cc}.btn-secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#6b7280}}.user-list{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-sizing:border-box;margin-left:260px;min-height:100vh;padding:24px;padding:var(--spacing-xl);transition:margin-left .3s ease;width:calc(100vw - 260px)}.user-list.sidebar-collapsed{margin-left:50px;width:calc(100vw - 50px)}.user-list__header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl);padding-bottom:16px;padding-bottom:var(--spacing-lg)}.user-list__title h1{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:24px;font-size:var(--font-size-xl);font-weight:600;gap:8px;gap:var(--spacing-sm);margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.user-list__title p{color:#64748b;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-md);margin:0}.user-list__actions{display:flex;gap:8px;gap:var(--spacing-sm)}.user-list__filters{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-lg)}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md)}.search-box{flex:1 1;min-width:300px;position:relative}.search-box__icon{color:#64748b;color:var(--text-secondary);left:12px;left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.search-box__icon,.search-box__input{font-size:16px;font-size:var(--font-size-md)}.search-box__input{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);padding:12px 12px 12px 40px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px;transition:all .2s ease;width:100%}.search-box__input:focus{border-color:#25d366;border-color:var(--primary-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.filter-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-size:var(--font-size-md);padding:12px;padding:var(--spacing-md);transition:all .2s ease}.filter-select:focus{border-color:#25d366;border-color:var(--primary-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.bulk-actions{align-items:center;background:#f1f5f9;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--spacing-md);margin-top:12px;margin-top:var(--spacing-md);padding:12px;padding:var(--spacing-md)}.bulk-actions__count{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);font-weight:500}.user-list__cards-container{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-top:24px;margin-top:var(--spacing-xl)}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 10px 40px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-card:hover{border-color:#25d366;border-color:var(--primary-green);box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.user-card:before{background:linear-gradient(90deg,#25d366,#1ea83a,#25d366);background:linear-gradient(90deg,var(--primary-green),#1ea83a,#25d366);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.user-card.selected{border-color:#25d366;border-color:var(--primary-green);box-shadow:0 0 0 3px #25d3661a,0 20px 60px #00000026}.user-card__header{background:linear-gradient(135deg,#25d36605,#1ea83a05);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);padding:24px;padding:var(--spacing-xl);position:relative}.user-card__checkbox{position:absolute;right:12px;right:var(--spacing-md);top:12px;top:var(--spacing-md);z-index:2}.user-card__body{padding:24px;padding:var(--spacing-xl)}.user-card__footer{align-items:center;background:#f1f5f9;background:var(--bg-secondary);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl)}.user-card__name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#1ea83a);background:linear-gradient(135deg,var(--primary-green),#1ea83a);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:24px;font-size:var(--font-size-xl);font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.user-card__username{font-weight:500}.user-card__email,.user-card__username{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);margin-bottom:12px;margin-bottom:var(--spacing-md)}.user-card__email{word-break:break-word}.user-card__status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.user-card__status--active{background:#25d3661a;color:#25d366;color:var(--primary-green)}.user-card__status--inactive{background:#ef44441a;color:#ef4444}.user-card__actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.user-card__last-login{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.user-card__last-login strong{color:#1e293b;color:var(--text-primary);font-weight:600}.user-card__created{color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs)}.user-card__created small{font-weight:500}.user-info{gap:12px;gap:var(--spacing-md)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#25d366;background:var(--primary-green);border-radius:50%;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar__placeholder{color:#fff;font-size:18px;font-size:var(--font-size-lg);font-weight:600}.user-details{flex:1 1}.user-name{color:#1e293b;color:var(--text-primary);font-size:16px;font-size:var(--font-size-md);font-weight:600;margin-bottom:2px}.user-email{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm)}.role-badge{border-radius:4px;border-radius:var(--radius-sm);display:inline-block;font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.role-badge--admin{background:#ef44441a;color:#dc2626}.role-badge--manager{background:#f59e0b1a;color:#d97706}.role-badge--agent{background:#3b82f61a;color:#2563eb}.role-badge--user{background:#6b72801a;color:#6b7280}.status-badge{border-radius:4px;border-radius:var(--radius-sm);display:inline-block;font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge--active{background:#22c55e1a;color:#16a34a}.status-badge--inactive{background:#6b72801a;color:#6b7280}.status-badge--pending{background:#f59e0b1a;color:#d97706}.last-login{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm)}.user-actions{display:flex}.btn,.user-actions{gap:4px;gap:var(--spacing-xs)}.btn{border-radius:8px;border-radius:var(--radius-md);font-weight:500;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.btn--primary{background:#25d366;background:var(--primary-green)}.btn--primary:hover{background:#1ea83a;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary{background:#f1f5f9;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn--secondary:hover{background:#f8fafc;background:var(--bg-hover);border-color:#25d366;border-color:var(--primary-green)}.btn--danger{background:#ef4444}.btn--danger:hover{background:#dc2626;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--small{padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.btn__icon{font-size:16px;font-size:var(--font-size-md)}.user-list__empty{padding:24px;padding:var(--spacing-xl);text-align:center}.empty-state{margin:0 auto;max-width:400px}.empty-state__icon{display:block;font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.empty-state h3{color:#1e293b;color:var(--text-primary);font-size:18px;font-size:var(--font-size-lg);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.empty-state p{color:#64748b;color:var(--text-secondary);margin:0}.user-list__loading{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);justify-content:center;min-height:400px}.loading-spinner{border:3px solid #f1f5f9;border-top:3px solid #25d366;border:3px solid var(--border-light);border-top-color:var(--primary-green);height:40px;width:40px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal__header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:16px;padding:var(--spacing-lg)}.modal__header h3{color:#1e293b;color:var(--text-primary);font-size:18px;font-size:var(--font-size-lg);margin:0}.modal__body{padding:16px;padding:var(--spacing-lg)}.modal__body p{color:#1e293b;color:var(--text-primary);margin:0 0 12px;margin:0 0 var(--spacing-md) 0}.warning-text{color:#dc2626;font-size:14px;font-size:var(--font-size-sm);font-weight:500}.modal__footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:12px;gap:var(--spacing-md);justify-content:flex-end;padding:16px;padding:var(--spacing-lg)}@media (min-width:768px) and (max-width:1024px){.user-list{margin-left:180px;padding:12px;padding:var(--spacing-md);width:calc(100% - 180px)}.user-list.sidebar-collapsed{margin-left:50px;width:calc(100% - 50px)}.user-list__cards-container{gap:12px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.user-card{padding:12px;padding:var(--spacing-md)}.user-card__header h3{font-size:1.1rem}.user-card__actions{gap:8px;gap:var(--spacing-sm)}}@media (max-width:1200px) and (min-width:1025px){.user-list__cards-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.user-list{padding:12px;padding:var(--spacing-md)}.user-list,.user-list.sidebar-collapsed{margin-left:0;width:100vw}.user-list__header{align-items:stretch;flex-direction:column;gap:12px;gap:var(--spacing-md)}.user-list__actions{justify-content:stretch;width:100%}.user-list__actions .btn{flex:1 1}.filter-group{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.user-list__cards-container{gap:16px;gap:var(--spacing-lg);grid-template-columns:1fr}.user-card__body,.user-card__footer,.user-card__header{padding:16px;padding:var(--spacing-lg)}.user-table{font-size:14px;font-size:var(--font-size-sm)}.user-table td,.user-table th{padding:12px;padding:var(--spacing-md)}.user-info{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.user-avatar{height:32px;width:32px}.modal{margin:12px;margin:var(--spacing-md);width:95%}}@media (max-width:480px){.user-list{padding:8px;padding:var(--spacing-sm)}.user-list__table-container{overflow-x:auto}.user-table{min-width:600px}.bulk-actions{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-sm)}}.user-form{box-sizing:border-box;margin-left:280px;min-height:100vh;padding:24px;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100vw - 280px)}.user-form:before{bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0;z-index:0}.user-form.sidebar-collapsed{margin-left:60px;width:calc(100vw - 60px)}.user-form>*{position:relative;z-index:1}.user-form__header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:4px solid #25d366;border-bottom:4px solid var(--primary-green);border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 8px 24px #00000014,0 4px 12px #25d36614;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding:24px 24px 16px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .3s ease}.user-form__title h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#25d366,#1ea83a);background:linear-gradient(135deg,var(--primary-green),#1ea83a);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:12px;gap:var(--spacing-md);margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.user-form__title p{color:#64748b;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-md);font-weight:500;margin:0}.user-form__actions{display:flex;gap:12px;gap:var(--spacing-md)}.user-form__container{margin:0;padding:0 24px;padding:0 var(--spacing-xl);width:100%}.user-form__form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #25d3661a;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000014,0 8px 32px #25d3660d;margin-bottom:24px;margin-bottom:var(--spacing-xl);overflow:hidden;position:relative}.user-form__form:before{background:linear-gradient(90deg,#25d366,#1ea83a,#25d366);background:linear-gradient(90deg,var(--primary-green),#1ea83a,#25d366);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.form-section{background:linear-gradient(135deg,#fffc,#f8fafc99);border-bottom:1px solid #25d36614;padding:32px;padding:var(--spacing-2xl);position:relative;transition:all .3s ease}.form-section:hover{background:linear-gradient(135deg,#25d36608,#25d36603);transform:translateY(-1px)}.form-section:last-child{border-bottom:none}.form-section__title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#25d366,#1ea83a);background:linear-gradient(135deg,var(--primary-green),#1ea83a);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #25d36626;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:12px;gap:var(--spacing-md);margin:0 0 24px;margin:0 0 var(--spacing-xl) 0;padding-bottom:16px;padding-bottom:var(--spacing-lg);position:relative}.form-section__title:before{background:linear-gradient(135deg,#25d366,#1ea83a);background:linear-gradient(135deg,var(--primary-green),#1ea83a);border-radius:2px;content:"";height:24px;width:4px}.form-grid{grid-gap:24px;grid-gap:var(--spacing-xl);gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.form-group{gap:12px;gap:var(--spacing-md)}.form-group:focus-within .form-label{color:#25d366;color:var(--primary-green);transform:translateY(-2px)}.form-label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:16px;font-size:var(--font-size-md);gap:4px;gap:var(--spacing-xs);margin-bottom:4px;margin-bottom:var(--spacing-xs);transition:all .3s ease}.form-label:after{background:#25d366;background:var(--primary-green);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.form-group:focus-within .form-label:after{width:100%}.form-input,.form-select{background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000f,inset 0 1px 0 #fffc;font-size:16px;font-size:var(--font-size-md);font-weight:500;min-height:48px;padding:16px;padding:var(--spacing-lg) var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:hover,.form-select:hover{border-color:#25d366;border-color:var(--primary-green);box-shadow:0 4px 12px #25d3661a;transform:translateY(-1px)}.form-input:focus,.form-select:focus{border-color:#25d366;border-color:var(--primary-green);box-shadow:0 0 0 4px #25d36626,0 8px 24px #25d3661a;outline:none;transform:translateY(-2px)}.form-input--error{background:#ef444405;border-color:#ef4444}.form-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}.form-input:disabled,.form-select:disabled{background:#f1f5f9;background:var(--bg-secondary);color:#64748b;color:var(--text-secondary);cursor:not-allowed;opacity:.7;transform:none}.form-error{color:#ef4444;font-size:14px;font-size:var(--font-size-sm);gap:4px;gap:var(--spacing-xs);margin-top:4px;margin-top:var(--spacing-xs)}.form-error--submit{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;border-radius:var(--radius-md);font-weight:500;margin:16px 0;margin:var(--spacing-lg) 0;padding:12px;padding:var(--spacing-md)}.btn{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 6px 20px #0000001f,0 2px 8px #00000014;font-size:16px;font-size:var(--font-size-md);gap:8px;gap:var(--spacing-sm);letter-spacing:.5px;min-height:48px;padding:16px 32px;padding:var(--spacing-lg) var(--spacing-2xl);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn:disabled{opacity:.6}.btn:disabled:before{display:none}.btn--primary{background:linear-gradient(135deg,#25d366,#1ea83a 50%,#16a34a);background:linear-gradient(135deg,var(--primary-green) 0,#1ea83a 50%,#16a34a 100%);border:2px solid #0000;box-shadow:0 8px 24px #25d36640,0 4px 12px #25d36626}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#1ea83a,#16a34a);box-shadow:0 8px 24px #25d3664d;transform:translateY(-3px)}.btn--primary:active:not(:disabled){box-shadow:0 4px 12px #25d36633;transform:translateY(-1px)}.btn--secondary{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffffe6;color:#64748b;overflow:hidden;position:relative}.btn--secondary:after{background:linear-gradient(135deg,#64748b0d,#94a3b814);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;box-shadow:0 8px 24px #64748b26,0 4px 12px #94a3b81a;color:#475569;transform:translateY(-2px)}.btn--secondary:hover:not(:disabled):after{opacity:1}.btn--secondary:active:not(:disabled){box-shadow:0 4px 12px #64748b33;transform:translateY(-1px)}.btn--cancel{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #fecaca;box-shadow:0 4px 16px #dc26261a,inset 0 1px 0 #ffffffe6;color:#dc2626;overflow:hidden;position:relative}.btn--cancel:after{background:linear-gradient(135deg,#dc26260d,#ef444414);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.btn--cancel:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fca5a5);border-color:#f87171;box-shadow:0 8px 24px #dc262633,0 4px 12px #ef444426;color:#b91c1c;transform:translateY(-2px)}.btn--cancel:hover:not(:disabled):after{opacity:1}.btn--cancel:active:not(:disabled){box-shadow:0 4px 12px #dc262640;transform:translateY(-1px)}.btn--cancel .btn__icon{transition:transform .3s ease,rotate .3s ease}.btn--cancel:hover .btn__icon{transform:scale(1.1) rotate(90deg)}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0000}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef44444d;transform:translateY(-3px)}.btn--small{font-size:14px;font-size:var(--font-size-sm);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg)}.btn__icon{font-size:18px;font-size:var(--font-size-lg);transition:transform .3s ease}.form-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:0 0 16px 16px;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #25d36614;gap:16px;gap:var(--spacing-lg);justify-content:flex-end;padding:32px;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl);position:relative}.form-actions:before{background:linear-gradient(90deg,#0000,#25d366,#0000);background:linear-gradient(90deg,#0000,var(--primary-green),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.loading-spinner{animation:spin 1s linear infinite;border-top-color:currentcolor;height:20px;width:20px}.loading-spinner--small{border-width:2px;height:16px;width:16px}@media (max-width:1024px) and (min-width:769px) and (orientation:portrait){.user-form{margin-left:200px;padding:16px;padding:var(--spacing-lg);width:calc(100vw - 200px)}.user-form.sidebar-collapsed{margin-left:60px;width:calc(100vw - 60px)}.user-form__header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-lg);padding:16px;padding:var(--spacing-lg)}.user-form__title h1{font-size:1.75rem;text-align:center}.user-form__actions{justify-content:center}.form-grid{gap:16px;gap:var(--spacing-lg);grid-template-columns:1fr}.form-section{padding:24px;padding:var(--spacing-xl)}.btn{height:44px;min-width:120px}}@media (max-width:1024px) and (min-width:769px) and (orientation:landscape){.user-form{margin-left:180px;padding:12px;padding:var(--spacing-md);width:calc(100vw - 180px)}.user-form.sidebar-collapsed{margin-left:50px;width:calc(100vw - 50px)}.user-form__header{padding:16px;padding:var(--spacing-lg)}.user-form__title h1{font-size:1.5rem}.form-grid{gap:12px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.form-actions,.form-section{padding:16px;padding:var(--spacing-lg)}}@media (max-width:1200px){.user-form{padding:16px;padding:var(--spacing-lg)}.user-form,.user-form.sidebar-collapsed{margin-left:0;width:100vw}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.user-form{padding:12px;padding:var(--spacing-md)}.user-form__header{align-items:stretch;border-radius:12px;border-radius:var(--radius-lg);flex-direction:column;gap:16px;gap:var(--spacing-lg);padding:16px;padding:var(--spacing-lg)}.user-form__title h1{font-size:1.75rem}.form-grid{gap:16px;gap:var(--spacing-lg);grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:12px;gap:var(--spacing-md)}.form-section{padding:24px;padding:var(--spacing-xl)}.btn{width:100%}}@media (max-width:480px){.user-form{padding:8px;padding:var(--spacing-sm)}.user-form__container{max-width:none}.user-form__header{padding:12px;padding:var(--spacing-md)}.user-form__title h1{font-size:1.5rem}.form-section{padding:16px;padding:var(--spacing-lg)}.form-grid{gap:12px;gap:var(--spacing-md)}.form-actions{padding:16px;padding:var(--spacing-lg)}}.btn:focus-visible{outline:2px solid #25d366;outline:2px solid var(--primary-green)}.form-input:focus-visible,.form-select:focus-visible{outline:2px solid #25d366;outline:2px solid var(--primary-green);outline-offset:2px}@media (prefers-contrast:high){.form-input,.form-select{border-width:2px}.btn{border:2px solid}}@media (prefers-reduced-motion:reduce){.btn,.form-input,.form-select{transition:none}.loading-spinner{animation:none}}@media print{.user-form{background:#fff;margin-left:0;padding:0}.form-actions,.user-form__actions{display:none}.user-form__form{border:1px solid #000;box-shadow:none}}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:30px;--font-size-3xl:36px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--primary-green:#25d366;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-hover:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--profile-primary-hue:210;--profile-primary-sat:100%;--profile-primary-light:50%;--profile-primary-color:hsl(var(--profile-primary-hue),var(--profile-primary-sat),var(--profile-primary-light));--profile-primary-light-color:hsl(var(--profile-primary-hue),var(--profile-primary-sat),95%);--profile-primary-dark-color:hsl(var(--profile-primary-hue),var(--profile-primary-sat),35%);--profile-secondary-color:#adb5bd;--profile-success-color:#29a847;--profile-danger-color:#dc3848;--profile-warning-color:#ffc105;--profile-info-color:#17a4ba;--profile-white:#fff;--profile-gray-50:#f9fafb;--profile-gray-100:#f3f4f6;--profile-gray-200:#e5e7eb;--profile-gray-300:#d1d5db;--profile-gray-400:#9ca3b0;--profile-gray-500:#6b7280;--profile-gray-600:#4b5563;--profile-gray-700:#384252;--profile-gray-800:#1f2937;--profile-gray-900:#111827;--profile-light-color:var(--profile-gray-50);--profile-dark-color:var(--profile-gray-800);--profile-border-color:var(--profile-gray-200);--profile-text-primary:var(--profile-gray-900);--profile-text-secondary:var(--profile-gray-600);--profile-text-muted:var(--profile-gray-500);--profile-shadow-sm:0 1px 2px 0 #0000000d;--profile-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--profile-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--profile-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--profile-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--profile-space-1:0.25rem;--profile-space-2:0.5rem;--profile-space-3:0.75rem;--profile-space-4:1rem;--profile-space-5:1.25rem;--profile-space-6:1.5rem;--profile-space-8:2rem;--profile-space-10:2.5rem;--profile-space-12:3rem;--profile-space-16:4rem;--profile-space-20:5rem;--profile-radius-sm:0.25rem;--profile-radius:0.5rem;--profile-radius-md:0.75rem;--profile-radius-lg:1rem;--profile-radius-xl:1.5rem;--profile-radius-full:9999px;--profile-font-size-xs:0.75rem;--profile-font-size-sm:0.875rem;--profile-font-size-base:1rem;--profile-font-size-lg:1.125rem;--profile-font-size-xl:1.25rem;--profile-font-size-2xl:1.5rem;--profile-font-size-3xl:1.875rem;--profile-font-size-4xl:2.25rem;--profile-font-weight-normal:400;--profile-font-weight-medium:500;--profile-font-weight-semibold:600;--profile-font-weight-bold:700;--profile-line-height-tight:1.25;--profile-line-height-normal:1.5;--profile-line-height-relaxed:1.625;--profile-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--profile-transition:300ms cubic-bezier(0.4,0,0.2,1);--profile-transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--profile-z-dropdown:1000;--profile-z-sticky:1020;--profile-z-fixed:1030;--profile-z-modal:1040;--profile-z-popover:1050;--profile-z-tooltip:1060}.user-profile{grid-gap:1.5rem;grid-gap:var(--profile-space-6);background-color:#f9fafb;background-color:var(--profile-light-color);color:#111827;color:var(--profile-text-primary);container-type:inline-size;display:grid;gap:1.5rem;gap:var(--profile-space-6);grid-template-rows:auto 1fr;margin-left:280px;max-width:none;min-height:100vh;overflow-y:auto;padding:1rem;padding:var(--profile-space-4);scroll-behavior:smooth;scrollbar-color:#9ca3b0 #f3f4f6;scrollbar-color:var(--profile-gray-400) var(--profile-gray-100);scrollbar-width:thin;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--profile-transition);width:calc(100vw - 280px)}.user-profile::-webkit-scrollbar{width:8px}.user-profile::-webkit-scrollbar-track{background:#f3f4f6;background:var(--profile-gray-100);border-radius:9999px;border-radius:var(--profile-radius-full)}.user-profile::-webkit-scrollbar-thumb{background:#9ca3b0;background:var(--profile-gray-400);border-radius:9999px;border-radius:var(--profile-radius-full);-webkit-transition:background .15s cubic-bezier(.4,0,.2,1);transition:background .15s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--profile-transition-fast);transition:background var(--profile-transition-fast)}.user-profile::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--profile-gray-500)}.user-profile.sidebar-collapsed{margin-left:60px;width:calc(100vw - 60px)}@media (max-width:768px){.user-profile{padding:.75rem;padding:var(--profile-space-3)}.user-profile,.user-profile.sidebar-collapsed{margin-left:0;width:100vw}}@media (min-width:769px) and (max-width:1024px){.user-profile{margin-left:200px;padding:1rem;padding:var(--profile-space-4);width:calc(100vw - 200px)}.user-profile.sidebar-collapsed{margin-left:60px;width:calc(100vw - 60px)}}.user-profile__header{align-items:center;background:linear-gradient(135deg,#0080ff,#0059b3);background:linear-gradient(135deg,var(--profile-primary-color) 0,var(--profile-primary-dark-color) 100%);border-radius:.5rem;border-radius:var(--profile-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--profile-shadow-md);color:#fff;color:var(--profile-white);display:flex;height:50px;justify-content:flex-start;max-height:50px;min-height:50px;overflow:hidden;padding:0 1rem;padding:0 var(--profile-space-4);position:relative}.user-profile__header:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--profile-transition-slow)}.user-profile__header:hover:before{transform:translateX(100%)}.user-profile__title h1{font-size:1.125rem;font-size:var(--profile-font-size-lg);font-weight:700;font-weight:var(--profile-font-weight-bold);letter-spacing:-.025em;line-height:1;margin:0}.user-profile__title p{line-height:1;margin:0;opacity:.9}.error-message,.success-message,.user-profile__title p{font-size:.875rem;font-size:var(--profile-font-size-sm);font-weight:500;font-weight:var(--profile-font-weight-medium)}.error-message,.success-message{align-items:center;animation:slideInDown ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideInDown var(--profile-transition) ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border-radius:var(--profile-radius-md);border-style:solid;border-width:1px;display:flex;gap:.75rem;gap:var(--profile-space-3);line-height:1.5;line-height:var(--profile-line-height-normal);margin-bottom:1.5rem;margin-bottom:var(--profile-space-6);padding:1rem 1.25rem;padding:var(--profile-space-4) var(--profile-space-5);position:relative}.success-message{background-color:#eafaee;border-color:#c1f0cc;color:#19672b}.success-message:before{align-items:center;background-color:#29a847;background-color:var(--profile-success-color);border-radius:9999px;border-radius:var(--profile-radius-full);color:#fff;content:"✓";display:flex;flex-shrink:0;font-size:.75rem;font-size:var(--profile-font-size-xs);font-weight:var(--profile-font-weight-bold);height:1.25rem;justify-content:center;width:1.25rem}.error-message{background-color:#fbe9eb;border-color:#f4bec3;color:#6c131c}.error-message:before{align-items:center;background-color:#dc3848;background-color:var(--profile-danger-color);border-radius:9999px;border-radius:var(--profile-radius-full);color:#fff;content:"⚠";display:flex;flex-shrink:0;font-size:.75rem;font-size:var(--profile-font-size-xs);font-weight:var(--profile-font-weight-bold);height:1.25rem;justify-content:center;width:1.25rem}.profile-tabs{background:#fff;background:var(--profile-white);border:1px solid #e5e7eb;border:1px solid var(--profile-border-color);border-radius:1rem;border-radius:var(--profile-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--profile-shadow-md);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.profile-tabs,.profile-tabs__nav{position:relative;z-index:1020;z-index:var(--profile-z-sticky)}.profile-tabs__nav{-ms-overflow-style:none;align-items:stretch;background:linear-gradient(180deg,#f9fafb,#f3f4f6);background:linear-gradient(to bottom,var(--profile-gray-50),var(--profile-gray-100));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--profile-border-color);display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.profile-tabs__nav::-webkit-scrollbar{display:none}.profile-tab__button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#4b5563;color:var(--profile-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--profile-font-size-sm);font-weight:500;font-weight:var(--profile-font-weight-medium);gap:.5rem;gap:var(--profile-space-2);justify-content:center;min-width:max-content;padding:1rem 1.5rem;padding:var(--profile-space-4) var(--profile-space-6);position:relative;scroll-snap-align:start;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--profile-transition);white-space:nowrap}.profile-tab__button:before{background:#0080ff;background:var(--profile-primary-color);content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--profile-transition-fast);z-index:-1}.profile-tab__button:hover{background:linear-gradient(180deg,#f3f4f6,#e5e7eb);background:linear-gradient(to bottom,var(--profile-gray-100),var(--profile-gray-200));color:#0080ff;color:var(--profile-primary-color);transform:translateY(-1px)}.profile-tab__button:hover:before{opacity:.05}.profile-tab__button--active{background:#fff;background:var(--profile-white);border-bottom-color:#0080ff;border-bottom-color:var(--profile-primary-color);box-shadow:inset 0 -3px 0 #0080ff;box-shadow:inset 0 -3px 0 var(--profile-primary-color);color:#0080ff;color:var(--profile-primary-color);font-weight:600;font-weight:var(--profile-font-weight-semibold)}.profile-tab__button--active:before{opacity:.1}.profile-tab__icon{font-size:1.125rem;font-size:var(--profile-font-size-lg);transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--profile-transition-fast)}.profile-tab__button:hover .profile-tab__icon{transform:scale(1.1)}.profile-tab__label{font-size:.875rem;font-size:var(--profile-font-size-sm);letter-spacing:.025em}.profile-tabs__content{max-height:75vh;overflow-y:auto;padding:1.5rem;padding:var(--profile-space-6);position:relative;scroll-behavior:smooth;scrollbar-color:#d1d5db #f9fafb;scrollbar-color:var(--profile-gray-300) var(--profile-gray-50);scrollbar-width:thin;z-index:1}.profile-tabs__content::-webkit-scrollbar{width:6px}.profile-tabs__content::-webkit-scrollbar-track{background:#f9fafb;background:var(--profile-gray-50);border-radius:9999px;border-radius:var(--profile-radius-full)}.profile-tabs__content::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--profile-gray-300);border-radius:9999px;border-radius:var(--profile-radius-full);-webkit-transition:background .15s cubic-bezier(.4,0,.2,1);transition:background .15s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--profile-transition-fast);transition:background var(--profile-transition-fast)}.profile-tabs__content::-webkit-scrollbar-thumb:hover{background:#9ca3b0;background:var(--profile-gray-400)}.profile-section{margin-bottom:2rem;margin-bottom:var(--profile-space-8)}.profile-section h3{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--profile-border-color);color:#1f2937;color:var(--profile-dark-color);font-size:1.125rem;font-size:var(--profile-font-size-lg);font-weight:600;font-weight:var(--profile-font-weight-semibold);margin:0 0 1rem;margin:0 0 var(--profile-space-4) 0;padding-bottom:.5rem;padding-bottom:var(--profile-space-2)}.form-grid{grid-gap:1.25rem;grid-gap:var(--profile-space-5);align-items:start;display:grid;gap:1.25rem;gap:var(--profile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));margin-bottom:1.25rem;margin-bottom:var(--profile-space-5)}@media (max-width:768px){.form-grid{gap:1rem;gap:var(--profile-space-4);grid-template-columns:1fr}.profile-tabs__content{max-height:70vh;padding:1rem;padding:var(--profile-space-4);position:relative;z-index:1}.profile-tabs__nav{box-shadow:0 2px 4px #0000001a;position:sticky;top:0}.profile-tabs,.profile-tabs__nav{z-index:1020;z-index:var(--profile-z-sticky)}.profile-tabs{position:relative}.user-profile__header{padding:0 .75rem;padding:0 var(--profile-space-3)}.profile-tab__button{font-size:.75rem;font-size:var(--profile-font-size-xs);padding:.75rem 1rem;padding:var(--profile-space-3) var(--profile-space-4);position:relative;z-index:1020;z-index:var(--profile-z-sticky)}}@media (min-width:769px) and (max-width:1024px){.form-grid{gap:1rem;gap:var(--profile-space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-tabs__nav{box-shadow:0 1px 3px #0000001a;position:relative;z-index:1020;z-index:var(--profile-z-sticky)}.profile-tabs__content{position:relative;z-index:1}}.form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--profile-space-2);position:relative}.form-label{color:#111827;color:var(--profile-text-primary);font-size:.875rem;font-size:var(--profile-font-size-sm);font-weight:600;font-weight:var(--profile-font-weight-semibold);letter-spacing:.025em;line-height:1.25;line-height:var(--profile-line-height-tight);position:relative;text-transform:uppercase}.form-label--required:after{color:#dc3848;color:var(--profile-danger-color);content:"*";font-weight:700;font-weight:var(--profile-font-weight-bold);margin-left:.25rem;margin-left:var(--profile-space-1)}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--profile-white);border:2px solid #e5e7eb;border:2px solid var(--profile-border-color);border-radius:.5rem;border-radius:var(--profile-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--profile-shadow-sm);font-family:inherit;font-size:1rem;font-size:var(--profile-font-size-base);line-height:1.5;line-height:var(--profile-line-height-normal);padding:.75rem 1rem;padding:var(--profile-space-3) var(--profile-space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--profile-transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0080ff;border-color:var(--profile-primary-color);box-shadow:0 1px 2px 0 #0000000d,0 0 0 3px #cce6ff;box-shadow:var(--profile-shadow-sm),0 0 0 3px hsl(var(--profile-primary-hue),var(--profile-primary-sat),90%);outline:none;transform:translateY(-1px)}.form-input:hover:not(:focus),.form-select:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:#d1d5db;border-color:var(--profile-gray-300);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--profile-shadow)}.form-input--error,.form-select--error,.form-textarea--error{border-color:#dc3848;border-color:var(--profile-danger-color);box-shadow:0 1px 2px 0 #0000000d,0 0 0 3px #f7d4d7;box-shadow:var(--profile-shadow-sm),0 0 0 3px #f7d4d7}.form-textarea{font-family:inherit;line-height:1.625;line-height:var(--profile-line-height-relaxed);max-height:200px;min-height:100px;overflow-y:auto;resize:vertical;scroll-behavior:smooth;scrollbar-color:#d1d5db #f9fafb;scrollbar-color:var(--profile-gray-300) var(--profile-gray-50);scrollbar-width:thin}.form-textarea::-webkit-scrollbar{width:6px}.form-textarea::-webkit-scrollbar-track{background:#f9fafb;background:var(--profile-gray-50);border-radius:.25rem;border-radius:var(--profile-radius-sm)}.form-textarea::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--profile-gray-300);border-radius:.25rem;border-radius:var(--profile-radius-sm);-webkit-transition:background .15s cubic-bezier(.4,0,.2,1);transition:background .15s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--profile-transition-fast);transition:background var(--profile-transition-fast)}.form-textarea::-webkit-scrollbar-thumb:hover{background:#9ca3b0;background:var(--profile-gray-400)}.form-error{align-items:center;animation:slideInDown ease-out .15s cubic-bezier(.4,0,.2,1);animation:slideInDown var(--profile-transition-fast) ease-out;color:#dc3848;color:var(--profile-danger-color);display:flex;font-weight:500;font-weight:var(--profile-font-weight-medium);gap:.25rem;gap:var(--profile-space-1);line-height:1.25;line-height:var(--profile-line-height-tight)}.form-error,.form-error:before{font-size:.75rem;font-size:var(--profile-font-size-xs)}.form-error:before{content:"⚠";flex-shrink:0}.notification-options,.security-options{display:flex;flex-direction:column;gap:20px}.notification-option,.security-option{align-items:center;background-color:#f8f9fa;border:1px solid #e5e7eb;border:1px solid var(--profile-border-color);border-radius:var(--profile-border-radius);display:flex;justify-content:space-between;padding:20px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--profile-transition)}.notification-option:hover,.security-option:hover{background-color:#e9ecef;border-color:#0080ff;border-color:var(--profile-primary-color)}.notification-option__info,.security-option__info{flex:1 1}.notification-option__info h4,.security-option__info h4{color:#1f2937;color:var(--profile-dark-color);font-size:1.1rem;font-weight:600;margin:0 0 5px}.notification-option__info p,.security-option__info p{color:#adb5bd;color:var(--profile-secondary-color);font-size:.9rem;margin:0}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch__slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-switch__slider,.toggle-switch__slider:before{position:absolute;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--profile-transition)}.toggle-switch__slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}.toggle-switch input:checked+.toggle-switch__slider{background-color:#0080ff;background-color:var(--profile-primary-color)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translateX(26px)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--profile-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-size:var(--profile-font-size-sm);font-weight:600;font-weight:var(--profile-font-weight-semibold);gap:.5rem;gap:var(--profile-space-2);justify-content:center;letter-spacing:.025em;line-height:1.25;line-height:var(--profile-line-height-tight);overflow:hidden;padding:.75rem 1.5rem;padding:var(--profile-space-3) var(--profile-space-6);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--profile-transition);-webkit-user-select:none;user-select:none}.btn:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--profile-transition-slow)}.btn:hover:before{transform:translateX(100%)}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn:focus-visible{outline:2px solid #0080ff;outline:2px solid var(--profile-primary-color);outline-offset:2px}.btn--primary{background:linear-gradient(135deg,#0080ff,#0059b3);background:linear-gradient(135deg,var(--profile-primary-color) 0,var(--profile-primary-dark-color) 100%);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--profile-shadow);color:#fff;color:var(--profile-white)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#0059b3,#004d99);background:linear-gradient(135deg,var(--profile-primary-dark-color) 0,hsl(var(--profile-primary-hue),var(--profile-primary-sat),30%) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--profile-shadow-lg);transform:translateY(-2px)}.btn--primary:active:not(:disabled){box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--profile-shadow);transform:translateY(0)}.btn--secondary{background:#fff;background:var(--profile-white);border:2px solid #e5e7eb;border:2px solid var(--profile-border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--profile-shadow-sm);color:#4b5563;color:var(--profile-text-secondary)}.btn--secondary:hover:not(:disabled){background:#f9fafb;background:var(--profile-gray-50);border-color:#d1d5db;border-color:var(--profile-gray-300);color:#111827;color:var(--profile-text-primary);transform:translateY(-1px)}.btn--danger,.btn--secondary:hover:not(:disabled){box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--profile-shadow)}.btn--danger{background:linear-gradient(135deg,#dc3848,#c32232);background:linear-gradient(135deg,var(--profile-danger-color) 0,#c32232 100%);color:#fff;color:var(--profile-white)}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#c32232,#981b27);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--profile-shadow-lg);transform:translateY(-2px)}.btn--small{font-size:.75rem;font-size:var(--profile-font-size-xs);gap:.25rem;gap:var(--profile-space-1);padding:.5rem 1rem;padding:var(--profile-space-2) var(--profile-space-4)}.btn--large{font-size:1rem;font-size:var(--profile-font-size-base);gap:.75rem;gap:var(--profile-space-3);padding:1rem 2rem;padding:var(--profile-space-4) var(--profile-space-8)}.btn__icon{font-size:1.1em;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--profile-transition-fast)}.btn:hover .btn__icon{transform:scale(1.1)}.btn--loading .btn__icon{animation:spin 1s linear infinite}.form-actions{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--profile-border-color);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--profile-space-4);justify-content:flex-start;margin-top:2rem;margin-top:var(--profile-space-8);padding-top:1.5rem;padding-top:var(--profile-space-6)}.form-actions .btn{justify-content:center;min-width:140px}@media (max-width:768px){.form-actions{align-items:stretch;flex-direction:column}.form-actions .btn{min-width:0;min-width:auto;width:100%}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@container (max-width: 768px){.form-grid{gap:1rem;gap:var(--profile-space-4);grid-template-columns:1fr}.avatar-section,.notification-option,.security-option{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--profile-space-4)}.toggle-switch{align-self:flex-end}}@media (max-width:768px){.user-profile{gap:1.5rem;gap:var(--profile-space-6);padding:1rem;padding:var(--profile-space-4)}.user-profile__header{padding:1.5rem 1.25rem;padding:var(--profile-space-6) var(--profile-space-5)}.profile-tabs__content{padding:1.25rem;padding:var(--profile-space-5)}.form-actions{flex-direction:column;gap:.75rem;gap:var(--profile-space-3)}.btn{justify-content:center;width:100%}.profile-tabs__nav{flex-wrap:wrap;gap:0}.profile-tab__button{flex:1 1;min-width:120px;padding:.75rem 1rem;padding:var(--profile-space-3) var(--profile-space-4)}}@media (max-width:480px){.user-profile{-webkit-overflow-scrolling:touch;gap:1rem;gap:var(--profile-space-4);padding:.75rem;padding:var(--profile-space-3)}.profile-tabs__content{-webkit-overflow-scrolling:touch;max-height:60vh}.profile-tabs__content,.user-profile__header{padding:1rem;padding:var(--profile-space-4)}.profile-tab__button{font-size:.75rem;font-size:var(--profile-font-size-xs);min-width:100px;padding:.75rem;padding:var(--profile-space-3)}.profile-tab__icon{font-size:.875rem;font-size:var(--profile-font-size-sm)}.form-grid{gap:.75rem;gap:var(--profile-space-3)}.notification-option,.security-option{gap:.75rem;gap:var(--profile-space-3);padding:.75rem;padding:var(--profile-space-3)}}@media (max-width:360px){.user-profile{padding:.5rem;padding:var(--profile-space-2)}.profile-tabs__content,.user-profile__header{padding:.75rem;padding:var(--profile-space-3)}.profile-tab__button{min-width:80px;padding:.5rem;padding:var(--profile-space-2)}.btn{padding:.75rem 1rem;padding:var(--profile-space-3) var(--profile-space-4)}}@media (min-width:1200px){.user-profile{padding:2rem;padding:var(--profile-space-8)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.user-profile__header{padding:3rem 2.5rem;padding:var(--profile-space-12) var(--profile-space-10)}}@media (min-width:1600px){.user-profile{max-width:1400px}.form-grid{grid-template-columns:repeat(3,1fr)}}.user-profile :focus-visible{border-radius:.25rem;border-radius:var(--profile-radius-sm);outline:2px solid #0080ff;outline:2px solid var(--profile-primary-color);outline-offset:2px}.skip-link{background:#0080ff;background:var(--profile-primary-color);border-radius:.25rem;border-radius:var(--profile-radius-sm);color:#fff;left:6px;padding:.5rem .75rem;padding:var(--profile-space-2) var(--profile-space-3);position:absolute;text-decoration:none;top:-40px;transition:top .15s cubic-bezier(.4,0,.2,1);transition:top var(--profile-transition-fast);z-index:1040;z-index:var(--profile-z-modal)}.skip-link:focus{top:6px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-contrast:high){:root{--profile-primary-color:#04c;--profile-secondary-color:#333;--profile-success-color:green;--profile-danger-color:#c00;--profile-warning-color:#b38600}.form-input,.form-select,.form-textarea,.user-profile{border:2px solid #111827;border:2px solid var(--profile-text-primary)}.btn{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.user-profile__header:before{animation:none}.btn:before{transition:none}}.success-message:before{content:"✓ ";font-weight:700}.error-message:before{content:"⚠ ";font-weight:700}@media (pointer:coarse){.btn,.profile-tab__button,.toggle-switch{min-height:44px;min-width:44px}.form-input,.form-select,.form-textarea{min-height:44px}}@media print{.user-profile{background:#fff;box-shadow:none;max-width:none}.user-profile__header{background:#fff;border:1px solid #ccc;color:#000}.btn,.profile-tabs__nav,.toggle-switch{display:none}.error-message,.success-message{background:#0000;border:1px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus,.profile-tab__button:focus{outline:2px solid #0080ff;outline:2px solid var(--profile-primary-color);outline-offset:2px}.toggle-switch:focus-within .toggle-switch__slider{box-shadow:0 0 0 3px #007bff4d}@media (prefers-contrast:high){.user-profile{background:#fff}.profile-section h3{border-bottom-color:#000}.form-input,.form-select,.form-textarea,.notification-option,.security-option{border-color:#000}}@media (prefers-color-scheme:dark){:root{--profile-light-color:#2d3748;--profile-dark-color:#e2e8f0;--profile-border-color:#4a5568}.user-profile{background-color:#1a202c;color:#e2e8f0}.profile-tabs{background:#2d3748}.profile-tabs__nav{background-color:#4a5568}.profile-tab__button--active{background-color:#2d3748}.form-input,.form-select,.form-textarea{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.notification-option,.security-option{background-color:#4a5568;border-color:#718096}}.login-container{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;background-size:400% 400%;box-sizing:border-box;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;top:0;width:100vw}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%)}.login-container:after,.login-container:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-container:after{animation:sparkle 20s linear infinite;background-image:radial-gradient(circle at 1px 1px,#ffffff26 1px,#0000 0);background-size:20px 20px}@keyframes sparkle{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-20px) rotate(1turn)}}.login-card{animation:slideUp 1s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 45px #0000001a,0 10px 20px #0000000d;max-width:400px;overflow:hidden;padding:40px 30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.login-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:32px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card:hover{border-color:#fff3;box-shadow:0 60px 120px #0006,0 30px 60px #0000004d,inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;transform:translateY(-8px) scale(1.02)}@keyframes slideUp{0%{filter:blur(10px);opacity:0;transform:translateY(40px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:40px;position:relative;text-align:center}.user-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fffc;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.login-header h1{color:#ffffffe6;font-size:24px;font-weight:400;letter-spacing:1px;line-height:1.1;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{align-items:center;animation:shake .5s ease-in-out;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;font-size:14px;gap:8px;padding:12px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon{font-size:16px}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#fff9;left:15px;pointer-events:none;position:absolute;z-index:2}.input-group input[type=password],.input-group input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;font-weight:400;padding:15px 15px 15px 50px;transition:all .3s ease;width:100%}.input-group input[type=password]::placeholder,.input-group input[type=text]::placeholder{color:#fff9;font-weight:400}.input-group input[type=password]:focus,.input-group input[type=text]:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 20px #ffffff1a;outline:none}.input-group input:disabled{cursor:not-allowed;opacity:.6}.form-options{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.forgot-password{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#ffffffe6}.checkbox-label{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:500;padding-left:32px;position:relative}.checkbox-label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:2px solid #fff3;border-radius:6px;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.checkbox-label:hover input~.checkmark{background-color:#667eea1a;border-color:#667eea}.checkbox-label input:checked~.checkmark{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-label input:checked~.checkmark:after{display:block}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 15px 35px #667eea66,0 5px 15px #667eea33,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;letter-spacing:1.5px;margin-top:25px;overflow:hidden;padding:16px 24px;position:relative;text-shadow:0 1px 2px #0000001a;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.login-icon{animation:pulse 2s infinite;font-size:18px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#7c8cfa,#8a5cb8);box-shadow:0 20px 45px #667eea80,0 8px 20px #667eea4d,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.login-button:active:not(:disabled){box-shadow:0 12px 25px #667eea66,0 4px 12px #667eea33,inset 0 1px 0 #fff3;transform:translateY(-1px) scale(1.01)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.login-container{padding:16px}.login-card{margin:0 auto;max-width:100%;padding:30px 25px}.user-icon{height:70px;width:70px}.login-header h1{font-size:22px}.input-group input[type=password],.input-group input[type=text]{font-size:16px;padding:14px 14px 14px 45px}.input-icon{left:12px}.login-button{font-size:15px;padding:14px 20px}}@media (max-width:480px){.login-container{padding:12px}.login-card{border-radius:15px;padding:25px 20px}.user-icon{height:60px;width:60px}.login-header h1{font-size:20px}.input-group input[type=password],.input-group input[type=text]{font-size:16px;padding:12px 12px 12px 40px}.input-icon{left:10px}.login-button{font-size:14px;padding:12px 18px}.form-options{align-items:flex-start;flex-direction:column;gap:10px}}@media (min-width:481px) and (max-width:1024px){.login-card{max-width:450px;padding:45px 35px}.user-icon{height:85px;width:85px}.login-header h1{font-size:26px}.input-group input[type=password],.input-group input[type=text]{padding:16px 16px 16px 52px}.login-button{padding:16px 22px}}@media (min-width:1440px){.login-card{max-width:480px;padding:50px 40px}.user-icon{height:90px;width:90px}.login-header h1{font-size:28px}.input-group input[type=password],.input-group input[type=text]{font-size:17px;padding:18px 18px 18px 55px}.login-button{font-size:17px;padding:18px 25px}}
/*# sourceMappingURL=main.147a7f93.css.map*/