.login-outer{align-items:center;background:var(--off-white);display:flex;height:100vh;justify-content:center;position:relative}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;height:auto;max-height:100vh;max-width:640px;padding:3rem 2.5rem 2.5rem;position:relative;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-logo{height:200px;margin-bottom:40px}.login-logo-image{border-radius:8px;height:100%;object-fit:contain}.login-title{color:var(--obsessed-grey);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.login-subtitle{color:var(--digital-medium-grey);font-size:1rem;font-weight:400;margin:0}.login-form{gap:1.5rem}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:.5rem}.login-label{align-items:center;color:var(--obsessed-grey);display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.login-label-icon{color:var(--c21-gold-dark);height:18px;width:18px}.login-input-container{border:1px solid var(--c21-gold);border-radius:10px;display:flex;flex-direction:column;gap:.5rem}.login-input{background:var(--white);border:2px solid var(--relentless-gold-medium-tint);border-radius:12px;box-sizing:border-box;color:var(--obsessed-grey);font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-input::placeholder{color:#a0a0a0}.login-input:focus{background:#f8f7f280;border-color:var(--c21-gold-dark);box-shadow:0 0 0 4px #b9a88226;outline:none}.login-input.error{background:#e74c3c0d;border-color:#e74c3c}.login-input:disabled{cursor:not-allowed;opacity:.6}.login-password-wrapper{align-items:center;display:flex;position:relative}.login-password-toggle{background:none;border:none;border-radius:6px;cursor:pointer;padding:.5rem;position:absolute;right:1rem;transition:background-color .2s}.login-password-toggle:hover{background:#b9a8821a}.password-toggle-icon{color:var(--digital-medium-grey);height:20px;width:20px}.login-field-error{align-items:center;color:#e74c3c;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.error-icon{flex-shrink:0;height:16px;width:16px}.login-options{justify-content:space-between}.login-checkbox,.login-options{align-items:center;display:flex}.login-checkbox{color:var(--digital-medium-grey);cursor:pointer;font-size:.95rem;gap:.75rem;-webkit-user-select:none;user-select:none}.login-checkbox input[type=checkbox]{display:none}.login-checkbox-mark{align-items:center;border:2px solid var(--relentless-gold-medium-tint);border-radius:6px;display:flex;height:20px;justify-content:center;position:relative;transition:all .3s;width:20px}.login-checkbox input[type=checkbox]:checked+.login-checkbox-mark{background:var(--c21-gold-dark);border-color:var(--c21-gold-dark)}.login-checkbox input[type=checkbox]:checked+.login-checkbox-mark:after{color:var(--white);content:"✓";font-size:12px;font-weight:700}.login-error{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:12px;color:#c0392b;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem}.login-btn,.login-error{align-items:center;display:flex}.login-btn{background:linear-gradient(135deg,var(--c21-gold) 0,var(--c21-gold-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #b9a8824d;color:var(--white);cursor:pointer;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1.25rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-btn:hover:not(:disabled){box-shadow:0 8px 24px #b9a88266;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-btn.loading{pointer-events:none}.login-btn-icon,.login-spinner{height:20px;width:20px}.login-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white)}.login-footer{border-top:1px solid var(--relentless-gold-medium-tint);margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer-text{color:var(--digital-medium-grey);font-size:.875rem;margin:0}@media (max-width:640px){.login-container{margin:0;max-width:100%;padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-form{gap:1.25rem}.login-input{padding:.875rem 1rem}.login-btn{font-size:1rem;padding:1rem 1.5rem}.login-logo{height:100px;margin-bottom:30px}}@media (max-width:480px){.login-container{border-radius:16px;padding:1.5rem 1rem}.login-header{margin-bottom:2rem}.login-options{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-height:870px) and (min-width:768px){.login-outer{justify-content:center}.login-container{border-radius:20px;display:flex;flex-direction:column;max-width:900px;min-height:auto;padding:1.5rem;width:100%}.login-main{align-items:flex-start;display:flex;flex:1 1;gap:3rem;margin-top:4rem}.login-header{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:0;min-height:400px;text-align:left}.login-logo{height:140px;justify-content:flex-start;margin-bottom:1.5rem}.login-title{font-size:2.5rem;margin-bottom:.75rem;text-align:left}.login-subtitle{font-size:1.1rem;line-height:1.6;max-width:300px;text-align:left}.login-form{display:flex;flex:1 1;height:100%;justify-content:center;min-width:320px}.login-field{gap:.4rem}.login-input{font-size:.95rem;padding:.875rem 1rem}.login-btn{font-size:1rem;margin-top:.25rem;padding:1rem 1.5rem}.login-footer{border-top:1px solid var(--relentless-gold-medium-tint);margin-top:1.5rem;padding-top:1rem;text-align:center}.login-footer-text{font-size:.8rem;margin-bottom:.25rem}}@media (max-height:700px) and (min-width:768px){.login-container{gap:2rem;padding:1.25rem}.login-main{gap:2rem}.login-header{min-height:300px}.login-logo{height:100px;margin-bottom:1rem}.login-title{font-size:2rem;margin-bottom:.5rem}.login-subtitle{font-size:1rem}.login-form{gap:1rem}.login-field{gap:.3rem}.login-input{font-size:.9rem;padding:.75rem .875rem}.login-btn{font-size:.95rem;padding:.875rem 1.25rem}.login-footer{margin-top:1rem;padding-top:.75rem}}@media (max-height:600px) and (min-width:768px){.login-container{border-radius:16px;padding:1rem}.login-main{gap:1.5rem}.login-header{min-height:250px}.login-logo{height:80px;margin-bottom:.75rem}.login-title{font-size:1.75rem;margin-bottom:.25rem}.login-subtitle{font-size:.9rem}.login-form{gap:.875rem;min-width:280px}.login-label{font-size:.85rem;gap:.4rem}.login-label-icon{height:16px;width:16px}.login-input{font-size:.85rem;padding:.625rem .75rem}.login-btn{font-size:.9rem;padding:.75rem 1rem}.login-footer{margin-top:.75rem;padding-top:.5rem}.login-footer-text{font-size:.75rem;margin-bottom:.125rem}}@media (max-height:870px) and (min-width:768px) and (max-width:1200px){.login-container{max-width:800px}.login-main{gap:2.5rem}.login-logo{height:120px}.login-title{font-size:2.25rem}.login-form{min-width:300px}}@media (max-height:870px) and (min-width:1200px){.login-container{max-width:950px}.login-main{gap:4rem}.login-form{min-width:350px}}@media (max-width:767px){.login-container,.login-main{display:block!important}.login-header{margin-bottom:2rem!important;min-height:auto!important;padding-right:0!important}.login-header,.login-subtitle,.login-title{text-align:center!important}.login-subtitle{max-width:none!important}.login-form{min-width:auto!important}}@media (max-height:870px) and (min-width:768px){body{overflow-x:hidden}}.leadslist-page{display:flex;flex-direction:column;height:100%;padding:0}.leadslist-table-container{background:var(--bg-color);flex:1 1;margin-right:4px;min-height:0;overflow:auto}.leadslist-table{border-collapse:collapse;min-width:800px;width:100%}.leadslist-table th{background:var(--bg-color);color:var(--text-color);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:background .18s,color .18s;z-index:10}.leadslist-table th.sortable{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.leadslist-table th.sortable:focus,.leadslist-table th.sortable:hover{background:#beaf87;background:var(--gold-500,#beaf87);box-shadow:0 2px 8px #beaf871a;color:#fff}.leadslist-table th.sortable:after{background:#0000;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;right:0;transition:background .18s}.leadslist-table th.sortable:focus:after,.leadslist-table th.sortable:hover:after{background:#fff}.leadslist-table td,.leadslist-table th{height:24px;max-height:24px;min-height:24px;vertical-align:middle}.leadslist-table td,.leadslist-table td:nth-child(2),.leadslist-table th{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leadslist-table td{color:var(--text-color);font-size:.9rem;padding:.3rem 1.25rem;vertical-align:middle}.leadslist-table tbody tr{transition:all .2s ease}.leadslist-table tbody tr:nth-child(2n){background:var(--bg-color)}.leadslist-table tbody tr:nth-child(odd){background:var(--bg-row-contrast)}.leadslist-table tbody tr:hover{background:var(--surface-alt)!important}.leadslist-table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.leadslist-table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.leadslist-table td:first-child{color:#beaf87;color:var(--c21-gold-dark,#beaf87);font-weight:600;text-align:center}.leadslist-table .phone-cell{color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.leadslist-table .email-cell{color:var(--text-color);text-decoration:none}.leadslist-table .date-cell{color:#6b7280;font-size:.85rem;white-space:nowrap}.leadslist-empty{color:#6b7280;font-size:1rem;padding:3rem 2rem;text-align:center}.leadslist-empty:before{content:"📋";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.leadslist-loading{color:#6b7280;font-size:1rem;padding:3rem 2rem;text-align:center}.leadslist-pagination{align-items:center;background:var(--bg-color);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.leadslist-pagination-info{color:#6b7280;font-size:.875rem}.leadslist-pagination-controls{align-items:center;display:flex;gap:.5rem}.leadslist-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.leadslist-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.leadslist-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.leadslist-pagination-btn.active{background:#beaf87;background:var(--c21-gold-dark,#beaf87);border-color:#beaf87;border-color:var(--c21-gold-dark,#beaf87);color:#fff}.leadslist-pagination-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;margin:0 .5rem;padding:.5rem}.leadslist-cards{gap:0;overflow-x:hidden}.leadslist-card,.leadslist-cards{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;width:100%}.leadslist-card{background:var(--bg-color);border-bottom:1px solid var(--border-color);cursor:pointer;overflow:hidden;padding:.75rem 1rem;transition:background-color .2s ease}.leadslist-card-main{align-items:center;display:flex;gap:.75rem;min-width:0;width:100%}.leadslist-card-avatar{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.leadslist-card-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-width:0}.leadslist-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem;min-width:0;width:100%}.leadslist-card-name{color:var(--text-color);flex:1 1;font-size:1rem;font-weight:600;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leadslist-card-date{color:#6b7280;flex-shrink:0;font-size:.75rem;white-space:nowrap}.leadslist-card-info{display:flex;flex-direction:column;gap:.125rem}.leadslist-card-phone{font-family:Courier New,monospace;font-weight:500}.leadslist-card-email,.leadslist-card-phone{color:#6b7280;font-size:.875rem;margin:0}.leadslist-card-email span{color:var(--text-color);text-decoration:none}.leadslist-chat-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;transition:background .18s,box-shadow .18s;width:32px}.leadslist-chat-btn:focus,.leadslist-chat-btn:hover{background:var(--bg-alt);box-shadow:0 2px 8px #25d3661a}.leadslist-chat-btn svg{color:var(--text-color);display:block;height:22px;width:22px}.leadslist-card-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.leadslist-card-skeleton-main{align-items:center;display:flex;gap:.75rem}.leadslist-card-skeleton-avatar{background:var(--bg-alt);border-radius:50%;flex-shrink:0;height:48px;width:48px}.leadslist-card-skeleton-content{flex:1 1;min-width:0}.leadslist-card-skeleton-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.leadslist-card-skeleton-name{background:var(--bg-alt);border-radius:4px;flex:1 1;height:16px;max-width:180px}.leadslist-card-skeleton-date{background:var(--bg-alt);border-radius:4px;flex-shrink:0;height:12px;width:60px}.leadslist-card-skeleton-info{display:flex;flex-direction:column;gap:.25rem}.leadslist-card-skeleton-phone{background:var(--bg-alt);border-radius:4px;height:14px;width:120px}.leadslist-card-skeleton-email{background:var(--bg-alt);border-radius:4px;height:14px;width:160px}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.6}}@media (max-width:480px){.leadslist-card-skeleton{padding:.5rem .75rem}.leadslist-card-skeleton-main{gap:.5rem}.leadslist-card-skeleton-avatar{height:42px;width:42px}.leadslist-card-skeleton-name{height:14px;max-width:140px}.leadslist-card-skeleton-date{height:10px;width:50px}.leadslist-card-skeleton-email,.leadslist-card-skeleton-phone{height:12px}.leadslist-card-skeleton-phone{width:100px}.leadslist-card-skeleton-email{width:130px}}@media (prefers-color-scheme:dark){.leadslist-card-skeleton-avatar,.leadslist-card-skeleton-date,.leadslist-card-skeleton-email,.leadslist-card-skeleton-name,.leadslist-card-skeleton-phone{background:#ffffff1a}}.leadslist-loading-more{display:none}@media (max-width:1190px){.leadslist-pagination{display:none}.leadslist-table-container{padding:0}.leadslist-cards{overflow:hidden;padding:0 1rem}}@media (max-width:768px){.leadslist-page{padding:0}.leadslist-table-container{margin:.75rem}.leadslist-cards{overflow:hidden;padding:0}}@media (max-width:480px){.leadslist-table{min-width:600px}.leadslist-table td,.leadslist-table th{font-size:.8rem;padding:.5rem}.leadslist-card{padding:.5rem .75rem}.leadslist-card-main{gap:.5rem}.leadslist-card-avatar{height:42px;width:42px}.leadslist-card-avatar img{height:28px;width:28px}.leadslist-card-name{font-size:.9rem}.leadslist-card-email,.leadslist-card-phone{font-size:.8rem}.leadslist-card-date{font-size:.7rem}}.leadslist-sort-btn{align-items:center;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);display:inline-flex;font-weight:600;gap:.5rem;margin-right:.5rem;padding:.5rem 1rem;transition:background .18s,border .18s}.leadslist-sort-btn,.leadslist-sort-btn.asc,.leadslist-sort-btn.desc{background:var(--bg-alt)}.leadslist-sort-btn:hover{background:var(--gold-500);border-color:var(--gold-500);color:#fff}.leadslist-channel-filter{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:.95rem;font-weight:500;min-width:120px;outline:none;padding:.5rem 1.5rem .5rem .5rem;transition:border .18s}.leadslist-channel-filter:focus{border-color:var(--gold-500)}.agent-cell:hover{background:#beaf871a!important;border-radius:4px}.leadslist-card-agent:hover{background:#beaf871a;border-radius:4px;margin:-.25rem;padding:.25rem}.leadslist-card-clickable{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.75rem}.leadslist-card-actions{flex-direction:column;flex-shrink:0;margin-left:.5rem}.leadslist-card-actions,.leadslist-card-agent-btn{align-items:center;display:flex;justify-content:center}.leadslist-card-agent-btn{background:#0000;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;height:40px;position:relative;transition:all .2s ease;width:40px}.leadslist-card-agent-btn:hover{background:var(--gold-500);border-color:var(--gold-500)}.leadslist-card-agent-btn:hover svg{color:#fff}.leadslist-card-agent-btn svg{color:var(--gold-500);height:20px;transition:color .2s ease;width:20px}.leadslist-card-agent-indicator{background:#22c55e;border:2px solid var(--bg-color);border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.pages-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;padding:1rem}.pages-header__main{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.pages-header__title{align-items:center;color:var(--text-color);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0;position:relative;white-space:nowrap}.pages-header__icon{color:var(--gold-500);height:2rem;width:2rem}.pages-header__filters{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;display:flex;gap:1rem;justify-content:space-between}.actionbtn-group{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;height:100%}.pages-header__search{flex:1 1;min-width:200px;width:100%}.pages-header__stats{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.pages-header__stats .info-btn{border:none}@media (max-width:1024px){.pages-header{margin-left:.75rem;margin-right:.75rem;padding:.75rem 0}.pages-header__title{font-size:1.4rem}.pages-header__icon{height:1.8rem;width:1.8rem}}@media (max-width:1000px){.pages-header__main{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.pages-header__title{font-size:1.6rem;justify-content:center}.pages-header__icon{height:2.2rem;width:2.2rem}.pages-header__filters{align-items:stretch;flex-direction:column;gap:1rem}.pages-header__search{max-width:100%;order:1}.actionbtn-group{order:2}.actionbtn-group,.pages-header__stats{gap:.5rem;justify-content:center}.pages-header__stats .info-btn{font-size:.85rem;padding:.5rem .75rem}}@media (max-width:480px){.pages-header__title{font-size:1.4rem;gap:.5rem}.pages-header__icon{height:2rem;width:2rem}.pages-header__filters{border-radius:8px}.actionbtn-group{flex-wrap:wrap;gap:.4rem}.pages-header__stats{gap:.4rem}.pages-header__stats .info-btn{font-size:.8rem;padding:.4rem .6rem}}@media (max-width:360px){.pages-header__title{font-size:1.2rem}.pages-header__icon{height:1.8rem;width:1.8rem}.pages-header__stats .info-btn{font-size:.75rem;padding:.35rem .5rem}}.pages-header{animation:slideInDown .3s ease-out}.pages-header__title:focus-visible{border-radius:4px;outline:2px solid var(--gold-500);outline-offset:4px}@media (prefers-contrast:high){.pages-header{background:var(--bg-color);border-bottom-color:var(--text-color)}.pages-header__filters{background:var(--bg-color);border-color:var(--text-color)}}@media (prefers-reduced-motion:reduce){.pages-header,.pages-header__icon,.pages-header__stats .info-btn,.pages-header__title:after{animation:none;transition:none}}.searchbox{align-items:center;display:flex;flex:1 1;margin-right:auto;max-width:100%;position:relative}.search{background-color:var(--bg-alt);border:none;border-radius:10px;color:var(--text-color);font-family:Typold,sans-serif;font-size:.75rem;height:40px;padding-left:2.2rem;width:100%}.searchicon{color:#bca76b;color:var(--text-color,#bca76b);left:.8rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.1rem;z-index:2}@media (max-width:700px){.search{border-radius:8px;font-size:.7rem;height:34px;padding-left:2rem}.searchicon{left:.6rem;width:1rem}}@media (max-width:480px){.search{border-radius:7px;font-size:.65rem;height:28px;padding-left:1.7rem}.searchicon{left:.5rem;width:.9rem}}.info-btn{align-items:center;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:20px;color:var(--text-muted);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;max-height:40px;max-width:none;overflow:visible;padding:.5rem 1rem;text-overflow:clip;white-space:nowrap;width:auto}.info-btn .info-btn__icon{color:var(--gold-500);height:1rem;max-width:40px;width:1rem}.btn-general,.select-btn-general{align-items:center;background:var(--bg-alt);border:none;border-radius:30px;color:var(--text-color);cursor:pointer;display:flex;font-family:Typold,sans-serif;font-size:.75rem;font-weight:200;gap:.3rem;height:100%;padding:.5rem 1rem;transition:border-color .2s,background .2s}.select-btn-general.open{border-radius:20px 20px 0 0}.btn-general.active,.btn-general:hover,.select-btn-general.open,.select-btn-general:hover{background:var(--c21-gold-light);border-color:var(--c21-gold-dark);color:var(--digital-black)}.btn-general__icon,.select-btn-general__icon{flex-shrink:0;height:1.3em;width:1.3em}.btn-general__text,.select-btn-general__text{flex:1 1;font-size:.75rem;font-weight:500;overflow:visible;text-align:left;text-overflow:clip;white-space:nowrap}.btn-general__chevron,.select-btn-general__chevron{color:inherit;height:1.1em;width:1.1em}.select-btn-general__container{border-radius:10px 10px 0 0 px;display:inline-block;position:relative}.select-btn-general__menu{background:var(--bg-color);border-radius:10px;left:0;position:absolute;right:auto;top:100%;width:100%;z-index:100}.select-btn-general__option{align-items:center;background:var(--bg-color);border:none;box-shadow:0 2px 8px #beaf871a;color:var(--text-color);cursor:pointer;display:flex;font-size:1.05rem;font-weight:500;gap:.7rem;padding:.7rem 1.4rem;transition:background .2s,color .2s;width:100%}.select-btn-general__option.active,.select-btn-general__option:hover{background:var(--gold-100);color:var(--gold-700)}.select-btn-general__option:last-child{border-radius:0 0 20px 20px}.lead-info-card-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.lead-info-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;transition:all .3s ease;width:100%}.lead-info-card__header{align-items:flex-start;background:linear-gradient(135deg,var(--bg-color) 0,var(--bg-alt) 100%);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.lead-info-card__avatar-section{align-items:center;display:flex;gap:1rem}.lead-info-card__avatar{border:3px solid var(--gold-500);border-radius:50%;box-shadow:0 4px 12px #beaf874d;height:60px;object-fit:cover;width:60px}.lead-info-card__title{color:var(--text-color);font-size:1.25rem;font-weight:700;margin:0}.lead-info-card__channel{background:#beaf871a;border-radius:12px;color:var(--gold-500);display:inline-block;font-size:.875rem;font-weight:600;margin:.25rem 0 0;padding:.25rem .5rem;text-transform:capitalize}.lead-info-card__close{align-items:center;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.btn-general-icon{height:20px;width:20px}.lead-info-card__close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.lead-info-card__content{padding:1.5rem}.lead-info-card__grid{grid-gap:.4rem 1rem;display:grid;gap:.4rem 1rem;grid-template-columns:1fr 1fr}.lead-info-card__field--full{grid-column:span 2}.lead-info-card__field{display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.lead-info-card__label{font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.lead-info-card__label,.lead-info-card__value{align-items:center;color:var(--text-color);display:flex}.lead-info-card__value{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;padding:.75rem;transition:all .3s ease}.lead-info-card__value:hover{background:var(--surface-alt)}.lead-info-card__flag{font-size:1.1em;margin-right:.25rem}.lead-info-card__input,.lead-info-card__select,.lead-info-card__textarea{background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000d;color:var(--text-color);font-family:inherit;font-size:.9rem;height:100%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.lead-info-card__input:focus,.lead-info-card__select:focus,.lead-info-card__textarea:focus{background:var(--bg-color);border-color:var(--gold-500);box-shadow:0 0 0 4px #beaf8726,0 4px 12px #0000001a;outline:none;transform:translateY(-1px)}.lead-info-card__input:hover:not(:focus),.lead-info-card__select:hover:not(:focus),.lead-info-card__textarea:hover:not(:focus){border-color:var(--gold-400);box-shadow:0 2px 8px #00000014}.lead-info-card__textarea{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}.lead-info-card__phone-input{align-items:stretch;display:flex;gap:.75rem}.lead-info-card__phone-input .lead-info-card__select{flex-shrink:0;font-weight:600;width:140px}.lead-info-card__phone-input .lead-info-card__input{flex:1 1}.lead-info-card--editing .lead-info-card__field{background:#beaf870d;border:1px solid #beaf871a;border-radius:12px;padding:.75rem}.lead-info-card--editing .lead-info-card__label{color:var(--gold-600);font-weight:800}.lead-info-card__footer{background:var(--bg-alt);border-top:1px solid var(--border-color);padding:1rem 1.5rem 1.5rem}.lead-info-card__edit-btn{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));border:none;border-radius:12px;box-shadow:0 4px 12px #beaf874d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.lead-info-card__edit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.lead-info-card__edit-btn:hover:before{left:100%}.lead-info-card__edit-btn:hover{background:linear-gradient(135deg,var(--gold-600),var(--gold-700));box-shadow:0 6px 20px #beaf8766;transform:translateY(-2px)}.lead-info-card__edit-btn:active{transform:translateY(0)}.lead-info-card__actions{display:flex;gap:.75rem}.lead-info-card__cancel-btn,.lead-info-card__save-btn{border-radius:12px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease}.lead-info-card__cancel-btn{background:var(--bg-color);border:2px solid var(--border-color);color:var(--text-color)}.lead-info-card__cancel-btn:hover{background:#f87171;border-color:#f87171;box-shadow:0 4px 12px #f871714d;color:#fff;transform:translateY(-1px)}.lead-info-card__save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b9814d;color:#fff}.lead-info-card__save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-1px)}.lead-info-card__save-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.lead-info-card__save-btn--saving{position:relative}.lead-info-card__save-btn--saving:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:768px){.lead-info-card-overlay{padding:.5rem}.lead_info-card{border-radius:12px;max-height:95vh}.lead-info-card__header{padding:1rem}.lead-info-card__avatar-section{gap:.75rem}.lead-info-card__avatar{height:50px;width:50px}.lead-info-card__title{font-size:1.1rem}.lead-info-card__content{padding:1rem}.lead-info-card__grid{gap:1rem;grid-template-columns:1fr}.lead-info-card__field--full{grid-column:span 1}.lead-info-card__phone-input{flex-direction:column;gap:.5rem}.lead-info-card__phone-input .lead-info-card__select{width:100%}.lead-info-card__footer{padding:1rem}.lead-info-card__actions{flex-direction:column;gap:.5rem}}@media (prefers-color-scheme:dark){.lead-info-card__input,.lead_info-card__select,.lead_info-card__textarea{box-shadow:0 2px 4px #ffffff0d}.lead-info-card__input:focus,.lead_info-card__select:focus,.lead_info-card__textarea:focus{box-shadow:0 0 0 4px #beaf8740,0 4px 12px #ffffff1a}}.lead-drawer{animation:slideDown .3s ease-out;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:.5rem;overflow:hidden}.lead-drawer__header{align-items:center;background:linear-gradient(135deg,var(--bg-alt) 0,var(--surface-alt) 100%);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.lead-drawer__avatar-section{align-items:center;display:flex;gap:1rem}.lead-drawer__avatar{border:2px solid var(--gold-500);border-radius:50%;box-shadow:0 2px 8px #beaf8733;height:48px;object-fit:cover;width:48px}.lead-drawer__title-section{display:flex;flex-direction:column;gap:.25rem}.lead-drawer__title{color:var(--text-color);display:flex;flex-direction:column;font-size:1.1rem;font-weight:700;gap:.1rem;margin:0}.lead-drawer__title-subtitle{color:var(--text-muted);font-size:.8rem;font-style:italic;font-weight:400}.lead-drawer__channel{background:#beaf871a;border-radius:6px;color:var(--gold-600);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.lead-drawer__actions{display:flex;gap:.5rem}.lead-drawer__chat-btn,.lead-drawer__close-btn{align-items:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.lead-drawer__chat-btn{background:var(--gold-500);border-color:var(--gold-500);color:#fff}.lead-drawer__chat-btn:hover{background:var(--gold-600);border-color:var(--gold-600);transform:translateY(-1px)}.lead-drawer__close-btn{background:var(--bg-alt);color:var(--text-color)}.lead-drawer__close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.lead-drawer__chat-btn svg,.lead-drawer__close-btn svg{height:18px;width:18px}.lead-drawer__content{padding:1.5rem}.lead-drawer__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.lead-drawer__field{display:flex;flex-direction:column;gap:.5rem}.lead-drawer__field--full{grid-column:1/-1}.lead-drawer__label{align-items:center;color:var(--text-color);display:flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.05em;opacity:.8;text-transform:uppercase}.lead-drawer__label-icon{color:var(--gold-500);height:14px;width:14px}.lead-drawer__value{align-items:center;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);display:flex;font-size:.9rem;min-height:44px;padding:.75rem;transition:all .2s ease}.lead-drawer__value:hover{background:var(--surface-alt)}.lead-drawer__flag{font-size:1.1em;margin-right:.25rem}.lead-drawer__description{line-height:1.5;white-space:pre-wrap;word-break:break-word}.lead-drawer__input,.lead-drawer__select,.lead-drawer__textarea{background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.lead-drawer__input:focus,.lead-drawer__select:focus,.lead-drawer__textarea:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #beaf871a;outline:none}.lead-drawer__textarea{line-height:1.5;min-height:80px;resize:vertical}.lead-drawer__phone-input{display:flex;gap:.5rem}.lead-drawer__phone-input .lead-drawer__select{flex-shrink:0;font-weight:600;width:120px}.lead-drawer__phone-input .lead-drawer__input{flex:1 1}.lead-drawer__footer{background:var(--bg-alt);border-top:1px solid var(--border-color);padding:1rem 1.5rem}.lead-drawer__edit-btn{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.lead-drawer__edit-btn:hover{background:linear-gradient(135deg,var(--gold-600),var(--gold-700));box-shadow:0 4px 12px #beaf874d;transform:translateY(-1px)}.lead-drawer__edit-actions{display:flex;gap:.75rem}.lead-drawer__cancel-btn,.lead-drawer__save-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.lead-drawer__cancel-btn{background:var(--bg-color);border:2px solid var(--border-color);color:var(--text-color)}.lead-drawer__cancel-btn:hover{background:#f87171;border-color:#f87171;color:#fff;transform:translateY(-1px)}.lead-drawer__save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.lead-drawer__save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.lead-drawer__save-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.lead-drawer__field--alias{grid-column:1/-1;order:-1}.lead-drawer__input--alias{background:linear-gradient(135deg,var(--gold-50) 0,var(--bg-color) 100%);border-color:var(--gold-300);font-weight:500}.lead-drawer__input--alias:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #beaf8733}.lead-drawer__alias-display{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.lead-drawer__alias-text{color:var(--gold-700);flex:1 1;font-size:1rem;font-weight:600}.lead-drawer__alias-badge{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));border-radius:12px;box-shadow:0 2px 4px #beaf874d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.lead-drawer__no-alias{color:var(--text-muted);display:flex;flex-direction:column;font-style:italic;gap:.25rem}.lead-drawer__no-alias small{color:var(--text-color);font-size:.75rem;font-style:normal;font-weight:500}@media (max-width:768px){.lead-drawer__alias-display{align-items:flex-start;flex-direction:column;gap:.5rem}.lead-drawer__alias-badge{align-self:flex-end}.lead-drawer{border-radius:8px;margin:.25rem}.lead-drawer__header{padding:.75rem 1rem}.lead-drawer__avatar{height:40px;width:40px}.lead-drawer__title{font-size:1rem}.lead-drawer__content{padding:1rem}.lead-drawer__grid{gap:.75rem;grid-template-columns:1fr}.lead-drawer__footer{padding:.75rem 1rem}.lead-drawer__edit-actions,.lead-drawer__phone-input{flex-direction:column;gap:.5rem}.lead-drawer__phone-input .lead-drawer__select{width:100%}}.leadslist-row--selected{background:#beaf871a!important}.leadslist-detail-row{background:#0000!important}.leadslist-detail-row td{border:none!important;padding:0!important}@media (max-width:1190px){.lead-drawer{border-bottom:none;border-left:none;border-radius:0;border-right:none;box-shadow:inset 0 1px 0 var(--border-color);margin:0}}.agent-assignment-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.agent-assignment-modal{background:var(--bg-color);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;position:relative;width:100%}.agent-assignment-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.agent-assignment-title{align-items:center;display:flex;gap:.75rem}.agent-assignment-title h3{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0}.agent-assignment-icon{color:var(--gold-500);height:20px;width:20px}.agent-assignment-close{background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;padding:.5rem;transition:background .18s}.agent-assignment-close:hover{background:var(--bg-alt)}.agent-assignment-close svg{height:20px;width:20px}.agent-assignment-client-info{align-items:flex-start;background:var(--bg-alt);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.agent-assignment-client-details{flex:1 1}.agent-assignment-client-details p{color:var(--text-color);font-size:.875rem;margin:.25rem 0}.agent-assignment-content{flex:1 1 auto;min-height:0;overflow-y:auto}.agent-assignment-loading{color:var(--text-color);padding:2rem;text-align:center}.agent-assignment-list{padding:.5rem 0}.agent-assignment-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .18s}.agent-assignment-item:hover{background:var(--bg-alt)}.agent-assignment-item.active{background:#beaf871a}.agent-assignment-item.selected{background:#beaf8726;border-left:3px solid var(--gold-500)}.agent-assignment-item.current{background:#22c55e1a}.agent-assignment-item-info{align-items:center;display:flex;gap:.75rem}.agent-assignment-item-icon{color:var(--gold-500);height:18px;opacity:.85;width:18px}.agent-assignment-item-name{color:var(--text-color);font-size:.95rem;font-weight:500;margin:0}.agent-assignment-item-username{color:var(--text-color);font-size:.8rem;margin:0;opacity:.7}.agent-assignment-item-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.agent-assignment-current{background:var(--gold-500);border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.agent-assignment-actions{background:var(--bg-color);border-top:1px solid var(--border-color);flex-shrink:0;padding:1rem 1.5rem}.agent-assignment-remove-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background .18s;width:100%}.agent-assignment-remove-btn:hover:not(:disabled){background:#dc2626}.agent-assignment-remove-btn:disabled{cursor:not-allowed;opacity:.5}.agent-assignment-updating{align-items:center;background:#ffffffe6;bottom:0;color:var(--text-color);display:flex;font-weight:500;justify-content:center;left:0;position:absolute;right:0;top:0}.agent-assignment-search{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem 0}.agent-assignment-searchbox{margin-bottom:1rem}.agent-assignment-searchbox .searchbox{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px}.agent-assignment-searchbox .search{background:#0000;color:var(--text-color);font-size:.9rem}.agent-assignment-searchbox .search::placeholder,.agent-assignment-searchbox .searchicon{color:var(--text-color);opacity:.6}.agent-assignment-no-results{color:var(--text-color);padding:2rem 1.5rem;text-align:center}.agent-assignment-no-results p{font-weight:500;margin:0 0 .5rem}.agent-assignment-no-results small{color:var(--text-color);font-size:.8rem;opacity:.7}.agent-assignment-remove-btn-square:after{background:#000c;border-radius:6px;bottom:100%;color:#fff;content:attr(title);font-size:.75rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;right:0;transform:translateY(5px);transition:all .2s;visibility:hidden;white-space:nowrap;z-index:1001}.agent-assignment-remove-btn-square:hover:after{opacity:1;transform:translateY(0);visibility:visible}.agent-assignment-remove-btn-square:before{border:4px solid #0000;border-top-color:#000c;bottom:100%;content:"";opacity:0;pointer-events:none;position:absolute;right:12px;transition:all .2s;visibility:hidden;z-index:1001}.agent-assignment-remove-btn-square:hover:before{opacity:1;visibility:visible}.agent-assignment-remove-btn-square{align-items:center;background:#ef4444;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;transition:all .18s;width:36px}.agent-assignment-remove-btn-square:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.agent-assignment-remove-btn-square:disabled{cursor:not-allowed;opacity:.5;transform:none}.agent-assignment-remove-btn-square svg{color:#fff;height:18px;width:18px}.agent-assignment-confirmation{background:var(--bg-alt);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem}.agent-assignment-confirmation-info p{color:var(--text-color);font-size:.875rem;margin:0;text-align:center}.agent-assignment-confirm-btn{align-items:center;background:var(--gold-500);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem;transition:all .18s;width:100%}.agent-assignment-confirm-btn:hover:not(:disabled){background:#a89968;background:var(--gold-600,#a89968);transform:translateY(-1px)}.agent-assignment-confirm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.agent-assignment-confirm-icon{height:18px;width:18px}@media (max-width:480px){.agent-assignment-modal{display:flex;flex-direction:column;margin:.5rem;max-width:none}.agent-assignment-actions,.agent-assignment-client-info,.agent-assignment-header{padding:1rem}.agent-assignment-content{flex:1 1 auto;min-height:0;overflow-y:auto}.agent-assignment-item{padding:.75rem 1rem}.agent-assignment-search{padding:1rem}.agent-assignment-no-results{padding:1.5rem 1rem}.agent-assignment-client-info{align-items:flex-start;flex-direction:column;padding:1rem}.agent-assignment-remove-btn-square{align-self:flex-end;margin-top:.5rem}.agent-assignment-confirmation{padding:.75rem 1rem}}.users-page{display:flex;flex-direction:column;height:100%;padding:0}.users-content{background:var(--bg-color);flex:1 1;min-height:0;overflow:auto}.users-grid{display:flex;flex-direction:column;gap:0;padding:0}.user-card{background:var(--bg-color);border-bottom:1px solid #797979;cursor:pointer;padding:.75rem 1rem;transition:background-color .2s ease}.user-card:hover{background:var(--bg-alt)}.user-card__header{align-items:center;display:flex;gap:.75rem}.user-card__avatar{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.user-card__avatar-icon,.user-card__avatar-img{border-radius:50%;color:var(--gold-500);height:32px;object-fit:cover;width:32px}.user-card__info{flex:1 1;min-width:0}.user-card__name{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card__username{color:#6b7280;font-family:Courier New,monospace;font-size:.875rem;font-weight:500;margin:0}.user-card__badge{border-radius:12px;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.badge--admin{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.badge--agent{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.badge--manager{background:#22c55e1a}.badge--manager,.badge--support{border:1px solid #22c55e33;color:#16a34a}.badge--support{background:#22c55e26}.badge--default{background:var(--bg-alt);border:1px solid #797979;color:var(--text-color)}.user-card__details{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-left:56px}.user-card__detail{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.user-card__detail-icon{color:var(--gold-500);flex-shrink:0;height:1rem;width:1rem}.user-card__detail span{line-height:1.4}.user-card__detail:has(.user-card__detail span:contains("@")) span{color:#3b82f6}.users-empty{color:#6b7280;font-size:1rem;padding:3rem 2rem;text-align:center}.users-empty:before{content:"👥";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.users-empty h3{color:var(--text-color);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.users-empty p{color:#6b7280;font-size:.875rem;margin:0 auto;max-width:300px}@media (max-width:1190px){.users-content{border-radius:12px;margin:.75rem}}@media (max-width:768px){.users-content{margin:.5rem}}@media (max-width:480px){.user-card{padding:.5rem .75rem}.user-card__header{gap:.5rem}.user-card__avatar{height:42px;width:42px}.user-card__avatar-icon,.user-card__avatar-img{height:28px;width:28px}.user-card__name{font-size:.9rem}.user-card__username{font-size:.8rem}.user-card__badge{font-size:.7rem;padding:.2rem .4rem}.user-card__details{padding-left:48px}.user-card__detail{font-size:.8rem}.user-card__detail-icon{height:.875rem;width:.875rem}}@media (prefers-color-scheme:dark){.badge--admin{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.badge--agent{background:#3b82f633;border-color:#3b82f64d;color:#93c5fd}.badge--manager{background:#22c55e33;border-color:#22c55e4d;color:#86efac}}.loading-spinner__overlay{align-items:center;background:#0000001a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-spinner__circle{animation:loading-spinner-spin 1s linear infinite;border-top:8px solid var(--relentless-gold-light-tint);border:8px solid var(--relentless-gold-light-tint);border-radius:50%;border-top-color:var(--c21-gold-dark);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:64px;width:64px}@keyframes loading-spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-info{background:var(--bg-color);height:100%}.user-info__header{align-items:center;display:flex;gap:1rem}.user-info__back-btn{align-items:center;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.user-info__back-btn:hover{background:var(--gold-500);border-color:var(--gold-500);color:#fff;transform:translateY(-1px)}.user-info__back-btn svg{height:1.25rem;width:1.25rem}.user-info__title{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0}.user-info__card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000001a;height:100%;margin:10px;overflow:hidden}.user-info__profile{background:linear-gradient(135deg,var(--bg-color) 0,var(--bg-alt) 100%);border-bottom:1px solid var(--border-color);padding:2rem}.user-info__profile-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.user-info__avatar{align-items:center;background:var(--bg-alt);border:3px solid var(--gold-500);border-radius:50%;box-shadow:0 4px 12px #beaf874d;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.user-info__avatar-img{height:100%;object-fit:cover;width:100%}.user-info__avatar-icon{color:var(--gold-500);height:50px;width:50px}.user-info__profile-details{flex:1 1}.user-info__name{color:var(--text-color);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.user-info__username{color:var(--text-muted);font-family:Courier New,monospace;font-size:1rem;font-weight:500;margin:0 0 1rem}.user-info__badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.025em;padding:.5rem 1rem;text-transform:uppercase}.user-info__badge--admin{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.user-info__badge--agent{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.user-info__badge--default{background:var(--bg-alt);border:1px solid var(--border-color);color:var(--text-color)}.user-info__badge--owner{background:#a855f71a;border:1px solid #a855f733;color:#7c3aed}.user-info__badge--support{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.user-info__badge-icon{height:1rem;width:1rem}.user-info__contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.user-info__contact-field{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s ease}.user-info__contact-field:hover{border-color:var(--gold-500);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-info__contact-label{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;text-transform:uppercase}.user-info__contact-icon{color:var(--gold-500);height:1rem;width:1rem}.user-info__contact-value{color:var(--text-color);font-size:1rem;font-weight:500;word-break:break-all}.user-info__section{border-bottom:1px solid var(--border-color);padding:2rem}.user-info__section:last-child{border-bottom:none}.user-info__section-title{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.user-info__section-icon{color:var(--gold-500);height:1.5rem;width:1.5rem}.user-info__error{align-items:center;color:var(--text-color);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh;text-align:center}.user-info__error h2{color:#ef4444;font-size:1.5rem;margin:0}.user-info__error p{color:var(--text-muted);font-size:1rem;margin:0}.user-info__section--clients{display:flex;flex-direction:column;height:100%}.user-info__clients-loading{align-items:center;color:var(--text-muted);display:flex;gap:.75rem;padding:2rem;text-align:center}.user-info__loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--gold-500);height:20px;width:20px}.user-info__clients-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.user-info__clients-empty-icon{height:3rem;opacity:.5;width:3rem}.user-info__clients-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;scrollbar-color:var(--gold-500) var(--bg-alt);scrollbar-width:thin}.user-info__clients-list::-webkit-scrollbar{width:6px}.user-info__clients-list::-webkit-scrollbar-track{background:var(--bg-alt);border-radius:3px}.user-info__clients-list::-webkit-scrollbar-thumb{background:var(--gold-500);border-radius:3px}.user-info__clients-list::-webkit-scrollbar-thumb:hover{background:var(--gold-600)}.user-info__client-card{align-items:center;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.user-info__client-card:hover{background:var(--surface-alt);border-color:var(--gold-500);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-info__client-main{align-items:center;display:flex;flex:1 1;gap:1rem}.user-info__client-avatar{background:var(--bg-color);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.user-info__client-avatar-img{height:100%;object-fit:cover;width:100%}.user-info__client-info{flex:1 1;min-width:0}.user-info__client-name{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info__client-date,.user-info__client-message,.user-info__client-phone{color:var(--text-muted);font-size:.8rem;margin:.125rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info__client-message{font-style:italic;opacity:.8}.user-info__client-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.user-info__client-unread{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 .375rem}.user-info__client-chat-btn{align-items:center;background:var(--gold-500);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.user-info__client-chat-btn:hover{background:var(--gold-600);transform:scale(1.1)}.user-info__client-chat-btn svg{height:18px;width:18px}.user-info__edit-banner{align-items:center;background:linear-gradient(135deg,var(--gold-500) 0,#c19c4a 100%);border-radius:0;box-shadow:0 2px 8px #beaf8733;color:#fff;display:flex;justify-content:space-between;margin:-2rem -2rem 1.5rem;padding:1rem 1.5rem}.user-info__edit-banner-left{align-items:center;display:flex;gap:.75rem}.user-info__edit-banner-icon{height:20px;width:20px}.user-info__edit-banner-text h4{font-size:1rem;font-weight:600;margin:0}.user-info__edit-banner-text p{font-size:.875rem;margin:0;opacity:.9}.user-info__edit-toggle{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.user-info__edit-toggle:hover{background:#ffffff40;transform:translateY(-1px)}.user-info__contact-field--editing{background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.user-info__contact-field--editing:focus-within{border-color:var(--gold-500);box-shadow:0 0 0 3px #beaf871a;transform:translateY(-2px)}.user-info__contact-field--editing.disabled{background:var(--bg-alt);opacity:.6;pointer-events:none}.user-info__edit-input{background:#0000;border:none;color:var(--text-color);font-size:1rem;font-weight:500;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.user-info__edit-input::placeholder{color:var(--text-muted);opacity:.7}.user-info__edit-input:disabled{color:var(--text-muted);cursor:not-allowed}.user-info__edit-select{-webkit-appearance:none;appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:500;outline:none;padding:.75rem 2.5rem .75rem .75rem;width:100%}.user-info__edit-select:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.7}.user-info__field-indicator{border-radius:50%;height:8px;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:8px}.user-info__field-indicator--editable{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.user-info__field-indicator--readonly{background:#64748b;box-shadow:0 0 0 2px #64748b33}.user-info__edit-messages{margin-top:1rem;padding:0}.user-info__edit-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626}.user-info__edit-error,.user-info__edit-success{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.75rem;padding:.875rem 1rem}.user-info__edit-success{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#059669}.user-info__edit-error-icon,.user-info__edit-success-icon{flex-shrink:0;height:18px;width:18px}.user-info__edit-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.user-info__edit-btn{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .2s ease}.user-info__edit-btn--save{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.user-info__edit-btn--save:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e40;transform:translateY(-2px)}.user-info__edit-btn--cancel{background:var(--bg-alt);border-color:var(--border-color);color:var(--text-color)}.user-info__edit-btn--cancel:hover:not(:disabled){background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444440;color:#fff;transform:translateY(-2px)}.user-info__edit-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.user-info__edit-btn-icon{height:18px;width:18px}.user-info__edit-btn--loading{color:#0000;position:relative}.user-info__edit-btn--loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info__edit-banner{animation:slideDown .3s ease-out}.user-info__contact-field--editing{animation:slideDown .2s ease-out}@media (max-width:768px){.user-info__edit-banner{flex-direction:column;gap:1rem;margin:-1.5rem -1.5rem 1rem;padding:1rem;text-align:center}.user-info__edit-actions{flex-direction:column;gap:.5rem}.user-info__edit-btn{padding:1rem}}@media (max-width:480px){.user-info__edit-banner{margin:-1rem -1rem .75rem;padding:.875rem}.user-info__edit-banner-text h4{font-size:.9rem}.user-info__edit-banner-text p{font-size:.8rem}.user-info__contact-field--editing{border-radius:8px}.user-info__edit-input,.user-info__edit-select{font-size:.9rem;padding:.625rem}}@media (prefers-color-scheme:dark){.user-info__badge--admin{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.user-info__badge--agent{background:#3b82f633;border-color:#3b82f64d;color:#93c5fd}.user-info__badge--owner{background:#f3f3f333;border-color:#d4d4d44d;color:#f7f7f7}.user-info__badge--support{background:#22c55e33;border-color:#22c55e4d;color:#86efac}.user-info__contact-field{box-shadow:0 2px 6px #ffffff05}}.register-container{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:480px;min-height:calc(100vh - 4rem);padding:2rem}.register-container h2{color:var(--text-color);font-size:2rem;font-weight:700;margin:0 0 2rem;position:relative;text-align:center}.register-container h2:after{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));border-radius:2px;bottom:-.5rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.register-form{display:flex;flex-direction:column;gap:1.25rem}.register-input,.register-select{background:var(--bg-alt);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;color:var(--text-color);font-family:inherit;font-size:1rem;outline:none;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.register-input:focus,.register-select:focus{background:var(--bg-color);border-color:var(--gold-500);box-shadow:0 0 0 4px #beaf8726,0 4px 12px #0000001a;transform:translateY(-1px)}.register-input:hover:not(:focus),.register-select:hover:not(:focus){border-color:var(--gold-400);box-shadow:0 2px 8px #00000014}.register-input::placeholder{color:var(--text-muted);opacity:.7}.register-select option{background:var(--bg-color);color:var(--text-color);padding:.5rem}.register-btn{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));border:none;border-radius:12px;box-shadow:0 4px 12px #beaf874d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.register-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.register-btn:hover:before{left:100%}.register-btn:hover{background:linear-gradient(135deg,var(--gold-600),var(--gold-700));box-shadow:0 6px 20px #beaf8766;transform:translateY(-2px)}.register-btn:active{transform:translateY(0)}.register-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.register-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#059669}.register-error,.register-success{animation:slideIn .3s ease;font-weight:600;margin-top:1.5rem;padding:1rem;text-align:center}.register-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#dc2626}@media (max-width:768px){.register-container{margin:1rem;max-width:none;min-height:calc(100vh - 2rem);padding:1.5rem}.register-container h2{font-size:1.75rem;margin-bottom:1.5rem}.register-form{gap:1rem}.register-btn,.register-input,.register-select{font-size:1rem;padding:.875rem 1rem}}@media (max-width:480px){.register-container{border-radius:12px;margin:.5rem;min-height:calc(100vh - 1rem);padding:1rem}.register-container h2{font-size:1.5rem;margin-bottom:1rem}.register-form{gap:.875rem}.register-input,.register-select{font-size:.95rem;padding:.75rem}.register-btn{font-size:1rem;padding:.875rem}}@media (prefers-color-scheme:dark){.register-input,.register-select{box-shadow:0 2px 4px #ffffff0d}.register-input:focus,.register-select:focus{box-shadow:0 0 0 4px #beaf8740,0 4px 12px #ffffff1a}}.register-input:invalid:not(:focus):not(:placeholder-shown){border-color:#f87171;box-shadow:0 0 0 3px #f871711a}.register-input:valid:not(:focus):not(:placeholder-shown){border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.register-form{animation:formSlideUp .5s ease}@keyframes formSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatcard{align-items:center;background:#fff;background:var(--surface,#fff);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:1rem;margin-bottom:.3rem;min-width:0;padding:.7rem 1rem;transition:background .18s,box-shadow .18s}.chatcard:focus,.chatcard:hover{background:#f5f5f5;background:var(--highlight,#f5f5f5);box-shadow:0 6px 16px #0000001f}.chatcard--active{background:#f8f8f8;background:var(--surface-alt,#f8f8f8);border:2px solid #bca76b;border:2px solid var(--accent,#bca76b)}.chatcard__avatar{align-items:center;background:#f3f3f3;background:var(--surface-alt,#f3f3f3);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.chatcard__avatar-img{background:#fff;border-radius:50%;height:44px;object-fit:cover;width:44px}.chatcard__avatar-icon{color:#bca76b;color:var(--border-color,#bca76b);height:44px;opacity:.7;width:44px}.chatcard__avatar-initials{border:none;box-shadow:0 2px 6px #00000026;font-family:inherit;letter-spacing:.5px}.chatcard__info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0;overflow:hidden}.chatcard__name{color:#222;color:var(--text-color,#222);font-size:1.08rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatcard__lastmsg{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;font-size:.97rem;gap:.7rem;justify-content:space-between;overflow:hidden}.chatcard__lastmsg-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatcard__lastmsg-hour{color:#bca76b;color:var(--accent,#bca76b);flex-shrink:0;font-size:.93rem;margin-left:.5rem}.chatcard__channel-badge{border-radius:50%;bottom:-2px;height:22px;position:absolute;right:-4px;width:22px}@media (max-width:700px){.chatcard{gap:.7rem;padding:.5rem .6rem}.chatcard__avatar,.chatcard__avatar-icon,.chatcard__avatar-img{height:36px;width:36px}.chatcard__name{font-size:1rem}.chatcard__lastmsg{font-size:.92rem}}.chat-sidebar-list{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.chat-sidebar-list__header{background:var(--bg-alt);box-shadow:0 2px 8px #0000000a;flex-shrink:0;z-index:1}.chat-sidebar-list__cards{flex:1 1;height:100%;min-height:0;overflow-y:auto;padding:.75rem .4rem .75rem .75rem}.chat-sidebar-list__cards::-webkit-scrollbar{background:#0000;width:8px}.chat-sidebar-list__cards::-webkit-scrollbar-thumb{background:#bca76b;background:var(--accent,#bca76b);border-radius:8px;box-shadow:0 2px 8px #b9a88214;min-height:24px}.chat-sidebar-list__cards::-webkit-scrollbar-thumb:hover{background:#a48b3f;background:var(--c21-gold-dark,#a48b3f)}.chat-sidebar-list__cards::-webkit-scrollbar-track{background:#0000}.chat-sidebar-list__cards{scroll-behavior:smooth;scrollbar-color:#bca76b #0000;scrollbar-color:var(--accent,#bca76b) #0000;scrollbar-width:auto}.chat-sidebar-list__card{border-radius:12px;cursor:pointer;margin-bottom:.5rem;transition:box-shadow .2s,background .2s}.chat-sidebar-list__card.active{background:#e1ffc7;background:var(--c21-bea,#e1ffc7);box-shadow:0 0 0 2px #25d366;box-shadow:0 0 0 2px var(--accent,#25d366)}.chat-sidebar-list__card--unread{background:#fffbe6;background:var(--c21-bea,#fffbe6);border:1.5px solid #bca76b;border:1.5px solid var(--accent,#bca76b);box-shadow:0 2px 8px #bca76b33;box-shadow:0 2px 8px var(--shadow-color,#bca76b33);color:#bca76b;color:var(--button-text,#bca76b);font-weight:600;position:relative;transition:background .18s,box-shadow .18s}.chat-sidebar-list__card--unread:hover{background:#bca76b;background:var(--accent,#bca76b);box-shadow:0 4px 12px #bca76b55;box-shadow:0 4px 12px var(--shadow-color,#bca76b55);color:#fff;color:var(--button-text,#fff)}.chat-sidebar-list__unread-dot{background:#e74c3c;background:var(--error,#e74c3c);border:2px solid #fff;border:2px solid var(--surface,#fff);border-radius:50%;box-shadow:0 0 2px #e74c3c;box-shadow:0 0 2px var(--error,#e74c3c);display:inline-block;height:12px;position:absolute;right:16px;top:12px;width:12px;z-index:2}.chats-page{height:100vh;overflow:hidden}.chats-page__desktop{display:flex;height:100vh}.chats-page__mobile-sidebar{display:none}.chatclient__no-chat h3{font-size:1.75rem;margin-bottom:.75rem;position:relative;text-align:center;z-index:2}.chatclient__no-chat p{color:#666;color:var(--digital-medium-grey,#666);line-height:1.6;position:relative;text-align:center;z-index:2}@media (max-width:1150px){.chats-page__desktop{display:none}.chats-page__mobile-sidebar{display:block;height:100vh;width:100%}}@media (max-width:768px) and (min-width:1051px){.chatclient__no-chat{padding:2rem 1rem}.chatclient__no-chat h3{font-size:1.5rem}.chatclient__no-chat p{font-size:.9rem;max-width:250px}}:root{--wa-bg-color:#ece5dd;--wa-surface:#fff;--wa-header:#075e54;--wa-chat-out:#dcf8c6;--wa-chat-in:#fff;--wa-chat-reply:#f0f0f0;--wa-text:#303030;--wa-text-muted:#606060;--wa-text-inverse:#fff;--wa-primary:#25d366;--wa-primary-hover:#128c7e;--wa-accent:#34b7f1;--wa-border:#d1d7db;--wa-shadow:#0000001a;--wa-success:#25d366;--wa-warning:#f0ad4e;--wa-error:#d9534f}[data-theme=dark]{--wa-bg-color:#111b21;--wa-surface:#1e282c;--wa-header:#202c33;--wa-chat-out:#005c4b;--wa-chat-in:#262d31;--wa-chat-reply:#2a3942;--wa-text:#e9edef;--wa-text-muted:#8696a0;--wa-text-inverse:#111b21;--wa-primary:#25d366;--wa-primary-hover:#20b858;--wa-accent:#34b7f1;--wa-border:#2f3b43;--wa-shadow:#00000080;--wa-success:#25d366;--wa-warning:#e6c06d;--wa-error:#f15c4f}.chat--whatsapp{background:var(--wa-bg-color);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;height:100%}.chat--whatsapp .chat-header{align-items:center;background:var(--wa-header);border-bottom:1px solid var(--wa-border);color:#fff;display:flex;flex-shrink:0}.chat--whatsapp .chat__messages{flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0 1rem;scrollbar-color:var(--wa-primary) var(--wa-bg-color);scrollbar-width:thin}.chat--whatsapp .chat__message-reply{align-items:center;background:var(--wa-chat-reply);border-left:4px solid var(--wa-primary);border-radius:10px;box-shadow:0 1px 6px #25d36614;color:var(--wa-text);cursor:pointer;display:flex;font-size:.97rem;gap:.6rem;margin-bottom:.3rem;opacity:.97;padding:.5rem 1rem .5rem .8rem;position:relative;transition:background .2s,box-shadow .2s}.chat--whatsapp .chat__message-reply b{color:var(--wa-primary);font-size:.98rem;font-weight:600;margin-right:.3rem}.chat--whatsapp .chat__message-reply span{color:var(--wa-text);font-size:.97rem;font-weight:400;word-break:break-word}.chat--whatsapp .chat__message-reply:hover{opacity:1}.chat--whatsapp .chat__reply-preview{align-items:center;background:var(--wa-chat-in);border-left:4px solid var(--wa-primary);border-radius:12px;box-shadow:0 1px 4px var(--wa-shadow);color:var(--wa-text);display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 1rem}.chat--whatsapp .chat__message-timestamp{display:block;font-size:.8rem;margin-top:.2rem;text-align:right}.chat--whatsapp .chat__message-status{text-align:right}.chat--whatsapp .chat__form{align-items:center;background:var(--wa-surface);border-top:1px solid var(--wa-border);display:flex;flex-shrink:1;gap:.7rem;padding:1rem}.chat--whatsapp .chat__input{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:20px;color:var(--wa-text);flex:1 1;font-size:1rem;min-width:0;padding:.7rem 1rem;transition:border .2s}.chat--whatsapp .chat__input:focus{border-color:var(--wa-primary)}.chat--whatsapp .chat__button{align-items:center;background:var(--wa-primary);border:none;border-radius:50%;box-shadow:0 2px 8px var(--wa-shadow);color:var(--wa-text-inverse);cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:background .2s;width:44px}.chat--whatsapp .chat__button:hover{background:var(--wa-primary-hover)}.chat--whatsapp .chat__reply-btn{margin-left:.5rem;transition:color .2s}.chat--whatsapp .chat__message--highlight{background:var(--wa-success);box-shadow:0 0 0 3px var(--wa-primary);transition:box-shadow .2s,background .2s}.chat--whatsapp .chat__messages--empty{color:var(--wa-text-muted);font-style:italic;margin-top:2rem;text-align:center}.chat--whatsapp .chat__messages::-webkit-scrollbar{width:8px}.chat--whatsapp .chat__messages::-webkit-scrollbar-thumb{background:var(--wa-primary);border-radius:8px}.chat--whatsapp .chat__messages::-webkit-scrollbar-track{background:var(--wa-bg-color)}.chat__scroll-to-new{background:var(--wa-primary);border:none;border-radius:50%;box-shadow:0 2px 8px var(--wa-shadow);color:#fff;cursor:pointer;font-size:1.3rem;height:38px;left:50%;opacity:.85;position:absolute;top:8px;transform:translateX(-50%);transition:background .2s;width:38px;z-index:2}.chat__scroll-to-new:hover{background:var(--wa-primary-hover);opacity:1}.chat__emoji-picker{bottom:60px;left:0;position:absolute;z-index:200}.chat__form{position:relative}.chat__emoji-btn{align-items:center;background:none;border:none;color:var(--wa-text-muted);cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;padding:0 .2rem;transition:color .2s}.chat__emoji-btn:hover{color:#a08a54;color:var(--accent-hover,#a08a54)}.chat__image-btn{font-size:1.4rem}.chat__image-btn,.chat__video-btn{align-items:center;background:none;border:none;color:var(--wa-text-muted);cursor:pointer;display:flex;justify-content:center;padding:0 .2rem;transition:color .2s}.chat__video-btn{font-size:1.2rem}.chat--whatsapp .chat__message{align-items:flex-start;display:flex;margin-bottom:.5rem;padding:.3rem 0;position:relative;width:100%}.chat--whatsapp .chat__message--agent{flex-direction:row-reverse;justify-content:flex-start}.chat--whatsapp .chat__message--client{flex-direction:row;justify-content:flex-start}.chat--whatsapp .chat__message-bubble--agent{background:var(--wa-chat-out);border:1px solid var(--wa-border);border-radius:18px 18px 4px 18px;text-align:right}.chat--whatsapp .chat__message-bubble--agent,.chat--whatsapp .chat__message-bubble--client{box-shadow:0 2px 8px var(--wa-shadow);color:var(--wa-text);display:flex;font-size:1rem;max-width:70%;padding:.7rem 1.1rem;position:relative;word-break:break-word}.chat--whatsapp .chat__message-bubble--client{background:var(--wa-chat-in);border:1px solid var(--wa-border);border-radius:18px 18px 18px 4px}.chat--whatsapp .chat__reply-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--wa-accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s,color .2s;width:32px}.chat--whatsapp .chat__reply-btn--agent{align-self:center;margin-right:.5rem}.chat--whatsapp .chat__reply-btn--client{align-self:center;margin-left:.5rem}.chat--whatsapp .chat__message:hover .chat__reply-btn{opacity:1;pointer-events:auto}.chat--whatsapp .chat__reply-btn:hover{background:#25d3661a;color:var(--wa-primary-hover)}.chat--whatsapp .chat__date-separator{margin:1.5rem 0;position:relative;text-align:center}.chat--whatsapp .chat__date-separator-text{background:#beaf8726;background:var(--wa-date-separator-bg,#beaf8726);border:1px solid var(--wa-border);border-radius:12px;box-shadow:0 1px 3px #0000001a;color:var(--wa-text-muted);display:inline-block;font-size:.85rem;font-weight:500;padding:.5rem 1rem;text-transform:capitalize}.chat--whatsapp .chat__message-info{align-items:end;color:var(--wa-text-muted);display:flex;font-size:.75rem;gap:.25rem;justify-content:flex-end;margin-top:.25rem}.chat--whatsapp .chat__message-timestamp{color:var(--wa-text-muted);flex-shrink:1;font-size:.75rem;font-weight:400;white-space:nowrap}.chat--whatsapp .chat__message-status{color:var(--wa-primary);flex-shrink:0;font-size:.8rem;font-weight:600;line-height:1;white-space:nowrap}.chat--whatsapp .chat__message-timestamp{display:inline;margin-top:0;text-align:left}.chat--whatsapp .chat__message-bubble--agent,.chat--whatsapp .chat__message-bubble--client{display:flex;flex-direction:column;max-width:400px;padding-bottom:.5rem}.chat--whatsapp .chat__message-bubble--agent:has(.whatsapp-media-container),.chat--whatsapp .chat__message-bubble--client:has(.whatsapp-media-container){background:#0000;border:none;border-radius:12px;box-shadow:0 2px 8px var(--wa-shadow);overflow:hidden;padding:2px}.chat--whatsapp .chat__message-bubble--agent:has(.whatsapp-media-container){background:var(--wa-chat-out)}.chat--whatsapp .chat__message-bubble--client:has(.whatsapp-media-container){background:var(--wa-chat-in)}.chat--whatsapp .chat__message-content:has(.whatsapp-media-container){margin:.2rem;padding:0}@media (max-width:700px){.chat--whatsapp{background:var(--wa-bg-color);flex-direction:column;height:100dvh;max-width:100vw;min-height:100dvh;overflow:hidden;top:0;width:100vw}.chat--whatsapp,.chat--whatsapp .chat__form{bottom:0;display:flex;left:0;position:fixed;right:0}.chat--whatsapp .chat__form{align-items:center;background:var(--wa-surface);border-top:1px solid var(--wa-border);box-shadow:0 -2px 12px #00000014;flex-direction:row;gap:.5rem;height:3rem;padding:.7rem .3rem;z-index:100}.chat--whatsapp .chat__messages{flex:1 1;height:calc(100dvh - 60px);min-height:0;overflow-y:auto;padding-bottom:4.5rem}}@media (max-width:480px){.chat--whatsapp .chat__form{min-height:56px;padding:.5rem .1rem}.chat--whatsapp .chat__messages{height:calc(100dvh - 56px);padding-bottom:3.5rem}}@media (max-width:768px){.chat--whatsapp .chat__date-separator{margin:1rem 0}.chat--whatsapp .chat__date-separator-text{font-size:.8rem;padding:.4rem .8rem}.chat--whatsapp .chat__message-info{font-size:.7rem}}.chat--whatsapp .chat__message--system{flex-direction:row-reverse;justify-content:flex-start}.chat--whatsapp .chat__message-bubble--system{background:linear-gradient(135deg,var(--wa-chat-out) 0,#beaf871a 100%);border:1px solid #beaf874d;border-radius:18px 18px 4px 18px;box-shadow:0 2px 8px var(--wa-shadow);color:var(--wa-text);display:flex;flex-direction:column;font-size:1rem;max-width:70%;max-width:400px;opacity:.95;padding:.7rem 1.1rem;position:relative;text-align:right;word-break:break-word}.chat--whatsapp .chat__reply-btn--system{align-self:center;margin-right:.5rem;opacity:.7}.chat--whatsapp .chat__message--system .chat__message-info{align-items:end;color:var(--wa-text-muted);display:flex;font-size:.75rem;gap:.25rem;justify-content:flex-end;margin-top:.25rem}.chat--whatsapp .chat__message--system .chat__message-status{color:#beaf87cc;flex-shrink:0;font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}.chat-header{align-items:center;box-sizing:border-box;display:flex;gap:1rem;min-height:80px;padding:1rem 1.5rem;width:100%}.chat-header__avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center}.chat-header__avatar-img{background:var(--bg-color);border:2px solid var(--border-color);border-radius:50%;height:56px;object-fit:cover;width:56px}.chat-header__avatar-icon{height:56px;opacity:.7;width:56px}.chat-header__avatar-initials{border:2px solid var(--border-color);box-shadow:0 2px 6px #00000026;font-family:inherit;height:56px;letter-spacing:1px;width:56px}.chat-header__main{display:flex;flex:1 1;flex-direction:column;font-weight:100;height:auto;min-width:0}.chat-header__title{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header__info{display:flex;flex-direction:column;gap:.25rem}.chat-header__info-col{display:flex;flex-direction:column;gap:.2rem}.chat-header__info-item{color:#fff;font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header__back-btn,.chat-header__info-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.chat-header__back-btn{display:none;margin-right:.5rem}.chat-header__info-btn{background:var(--bg-alt);border:1px solid var(--border-color);margin-left:.5rem}.chat-header__back-btn:hover,.chat-header__info-btn:hover{background:var(--gold-500);color:#fff;transform:scale(1.05)}.chat-header__info-btn:active{transform:scale(.98)}@media (max-width:1150px){.chat-header__back-btn{display:flex}.chat-header{gap:.75rem;padding:1rem}}@media (max-width:768px){.chat-header{gap:.5rem;min-height:70px;padding:.75rem 1rem}.chat-header__title{font-size:1.1rem}.chat-header__info-item{font-size:.8rem}.chat-header__back-btn,.chat-header__info-btn{height:36px;padding:.4rem;width:36px}}@media (max-width:480px){.chat-header{gap:.5rem;min-height:60px;padding:.5rem .75rem}.chat-header__title{font-size:1rem}.chat-header__info-item{font-size:.75rem}.chat-header__back-btn,.chat-header__info-btn{height:32px;padding:.3rem;width:32px}.chat-header__info-item b{display:none}}.whatsapp-media-container{background:#f0f0f0;background:var(--wa-surface,#f0f0f0);max-width:320px}.whatsapp-media-container,.whatsapp-media-wrapper{border-radius:8px;overflow:hidden;position:relative;width:100%}.whatsapp-media-wrapper{background:#000}.whatsapp-media-image,.whatsapp-media-video{border-radius:8px;display:block;height:auto;max-height:400px;min-height:120px;object-fit:cover;width:100%}.whatsapp-media-video{background:#000}.whatsapp-media-overlay{background:linear-gradient(#0000,#000000b3);color:#fff;font-size:.85rem;left:0;padding:8px 12px;pointer-events:none;position:absolute;right:0;z-index:2}.whatsapp-media-overlay--top{background:linear-gradient(#000000b3,#0000);padding-bottom:20px;top:0}.whatsapp-media-overlay--bottom{bottom:0;display:flex;justify-content:flex-end;padding-top:20px}.whatsapp-media-username{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 2px #000000b3}.whatsapp-media-info{align-items:center;display:flex;gap:4px;margin-left:auto}.whatsapp-media-timestamp{color:#fff;font-size:.75rem}.whatsapp-media-status,.whatsapp-media-timestamp{text-shadow:0 1px 2px #000000b3;white-space:nowrap}.whatsapp-media-status{color:#4fc3f7;font-size:.8rem;font-weight:600}.whatsapp-media-caption{background:#0000;color:#333;color:var(--wa-text,#333);font-size:.95rem;line-height:1.4;padding:8px 12px 4px;word-break:break-word}.whatsapp-video-play-overlay{align-items:center;background:#0000004d;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.whatsapp-video-play-button{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#333;display:flex;height:60px;justify-content:center;transition:all .2s ease;width:60px}.whatsapp-video-play-button:hover{background:#fff;transform:scale(1.1)}.whatsapp-video-play-button svg{height:24px;margin-left:2px;width:24px}.whatsapp-media-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:30px;width:30px}@media (max-width:768px){.whatsapp-media-container{max-width:280px}.whatsapp-media-overlay{font-size:.8rem;padding:6px 10px}.whatsapp-media-username{font-size:.85rem}.whatsapp-media-timestamp{font-size:.7rem}.whatsapp-video-play-button{height:50px;width:50px}.whatsapp-video-play-button svg{height:20px;width:20px}}.whatsapp-document-wrapper{background:#f5f5f5;background:var(--wa-surface,#f5f5f5);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:background-color .2s ease;width:100%}.whatsapp-document-wrapper:hover{background:#e8e8e8;background:var(--wa-surface-hover,#e8e8e8)}.whatsapp-document-content{align-items:center;display:flex;gap:12px;min-height:60px;padding:12px 16px}.whatsapp-document-icon{align-items:center;background:#25d366;background:var(--wa-accent,#25d366);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:2rem;height:48px;justify-content:center;width:48px}.whatsapp-document-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.whatsapp-document-name{color:#333;color:var(--wa-text,#333);font-size:.95rem;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-document-action{color:#666;color:var(--wa-text-secondary,#666);font-size:.8rem;font-style:italic}.whatsapp-document-wrapper .whatsapp-media-overlay--bottom{background:linear-gradient(#0000,#0000001a);justify-content:flex-end;padding:4px 12px 8px}.whatsapp-document-wrapper .whatsapp-media-overlay--top{background:linear-gradient(#0000001a,#0000);padding:8px 12px 4px}@media (prefers-color-scheme:dark){.whatsapp-document-wrapper{background:#2a2a2a;background:var(--wa-surface-dark,#2a2a2a)}.whatsapp-document-wrapper:hover{background:#3a3a3a;background:var(--wa-surface-hover-dark,#3a3a3a)}.whatsapp-document-name{color:#e0e0e0;color:var(--wa-text-dark,#e0e0e0)}.whatsapp-document-action{color:#b0b0b0;color:var(--wa-text-secondary-dark,#b0b0b0)}}@media (max-width:768px){.whatsapp-document-content{gap:10px;padding:10px 12px}.whatsapp-document-icon{font-size:1.6rem;height:40px;width:40px}.whatsapp-document-name{font-size:.9rem}.whatsapp-document-action{font-size:.75rem}}.media-viewer-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.media-viewer-content,.media-viewer-overlay{align-items:center;display:flex;justify-content:center}.media-viewer-content{background:#000;height:auto;max-height:70vh;min-height:200px;width:100%}.media-viewer-content:has(.media-viewer-document){background:#fff;max-height:85vh}.media-viewer-image{object-fit:contain}.media-viewer-image,.media-viewer-video{display:block;height:auto;max-height:70vh;max-width:90vw;width:auto}.media-viewer-video{outline:none}.media-viewer-container{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:auto;max-height:95vh;max-width:95vw;overflow:hidden;position:relative;width:auto}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.media-viewer-controls{display:flex;gap:8px;position:absolute;right:12px;top:12px;z-index:10}.media-viewer-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.media-viewer-btn svg{height:20px;width:20px}.media-viewer-btn:hover{background:#000000e6;transform:scale(1.1)}.media-viewer-btn--download:hover{background:#25d366e6}.media-viewer-btn--close:hover{background:#f44336e6}.media-viewer-btn--preview:hover{background:#2196f3e6}.media-viewer-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#25d366;height:40px;width:40px}.media-viewer-caption{background:#f5f5f5;border-top:1px solid #e0e0e0;padding:16px 20px}.media-viewer-caption p{color:#333;font-size:14px;line-height:1.4;margin:0}.media-viewer-info{align-items:center;background:#fafafa;border-top:1px solid #e0e0e0;color:#666;display:flex;font-size:12px;justify-content:space-between;padding:12px 20px}.media-viewer-timestamp{font-weight:500}.media-viewer-user{font-style:italic}@media (max-width:768px){.media-viewer-image,.media-viewer-video{max-height:60vh;max-width:95vw}.media-viewer-content{max-height:60vh}.media-viewer-controls{right:8px;top:8px}.media-viewer-btn{height:40px;width:40px}.media-viewer-btn svg{height:18px;width:18px}}.media-viewer-document{background:#fff;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;min-height:400px;min-width:500px}.media-viewer-document-preview{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;gap:20px;padding:24px}.media-viewer-document-icon{align-items:center;background:#25d366;background:var(--wa-accent,#25d366);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:4rem;height:80px;justify-content:center;width:80px}.media-viewer-document-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.media-viewer-document-name{color:#333;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0;word-break:break-word}.media-viewer-document-size{color:#666;font-size:.9rem;font-weight:500;margin:0}.media-viewer-document-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.media-viewer-document-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.media-viewer-document-btn svg{height:18px;width:18px}.media-viewer-document-btn--preview{background:#2196f3;color:#fff}.media-viewer-document-btn--preview:hover{background:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.media-viewer-document-btn--download{background:#25d366;color:#fff}.media-viewer-document-btn--download:hover{background:#1eb354;box-shadow:0 4px 8px #25d3664d;transform:translateY(-1px)}.media-viewer-document-iframe-container{background:#f0f0f0;border-top:1px solid #e0e0e0;display:flex;flex:1 1;min-height:400px}.media-viewer-document-iframe{background:#fff;border:none;height:100%;min-height:400px;width:100%}@media (max-width:768px){.media-viewer-document{max-height:70vh;min-height:300px;min-width:95vw}.media-viewer-document-preview{flex-direction:column;gap:16px;padding:16px;text-align:center}.media-viewer-document-icon{font-size:3rem;height:60px;width:60px}.media-viewer-document-name{font-size:1.2rem}.media-viewer-document-actions{justify-content:center;margin-top:12px}.media-viewer-document-btn{font-size:.8rem;padding:8px 12px}.media-viewer-document-btn svg{height:16px;width:16px}.media-viewer-document-iframe-container{min-height:300px}}:root{--ms-bg-color:#fff;--ms-surface:#f5f5f5;--ms-header:#0084ff;--ms-chat-out:#0084ff;--ms-chat-in:#f0f0f0;--ms-text:#050505;--ms-text-muted:#65676b;--ms-text-inverse:#fff;--ms-primary:#0084ff;--ms-primary-hover:#006aff;--ms-accent:#00b2ff;--ms-border:#dddfe2;--ms-shadow:#0000001a;--ms-success:#42b72a;--ms-warning:#f7b928;--ms-error:#fa383e}[data-theme=dark]{--ms-bg-color:#0b141a;--ms-surface:#1c1e21;--ms-header:#006aff;--ms-chat-out:#006aff;--ms-chat-in:#262626;--ms-text:#e4e6eb;--ms-text-muted:#b0b3b8;--ms-text-inverse:#fff;--ms-primary:#0084ff;--ms-primary-hover:#00b2ff;--ms-accent:#229afc;--ms-border:#3e4042;--ms-shadow:#00000080;--ms-success:#42b72a;--ms-warning:#e6c06d;--ms-error:#f15c4f}.chat--facebook{background:var(--ms-bg-color);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;height:100%;overflow:hidden}.chat--facebook .chat-header{align-items:center;background:var(--ms-header);border-bottom:1px solid var(--ms-border);color:var(--ms-text-inverse);display:flex;flex-shrink:0;font-size:1.1rem;font-weight:500;gap:1rem;padding:1rem 1.5rem}.chat--facebook .chat__messages{flex:1 1;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ms-primary) var(--ms-bg-color);scrollbar-width:thin}.chat--facebook .chat__message{align-items:flex-start;display:flex;margin-bottom:.5rem;padding:.3rem 0;position:relative;width:100%}.chat--facebook .chat__message--agent{flex-direction:row-reverse}.chat--facebook .chat__message--client{flex-direction:row;justify-content:flex-start}.chat--facebook .chat__message-bubble--agent{background:var(--ms-chat-out);border:1px solid var(--ms-border);border-radius:18px 18px 4px 18px;color:var(--ms-text-inverse);text-align:right}.chat--facebook .chat__message-bubble--agent,.chat--facebook .chat__message-bubble--client{box-shadow:0 2px 8px var(--ms-shadow);font-size:1rem;max-width:70%;padding:.7rem 1.1rem;position:relative;transition:max-width .2s;word-break:break-word}.chat--facebook .chat__message-bubble--client{background:var(--ms-chat-in);border:1px solid var(--ms-border);border-radius:18px 18px 18px 4px;color:var(--ms-text)}.chat--facebook .chat__message-bubble--agent,.chat--facebook .chat__message-bubble--client{max-width:70%;min-width:80px;width:-webkit-fit-content;width:fit-content}.chat--facebook .chat__reply-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--ms-accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s,color .2s;width:32px}.chat--facebook .chat__reply-btn--agent{align-self:center;margin-right:.5rem}.chat--facebook .chat__reply-btn--client{align-self:center;margin-left:.5rem}.chat--facebook .chat__message:hover .chat__reply-btn{opacity:1;pointer-events:auto}.chat--facebook .chat__reply-btn:hover{background:#0084ff14;color:var(--ms-primary-hover)}.chat--facebook .chat__message-reply{align-items:center;background:var(--ms-accent);border-left:4px solid var(--ms-primary);border-radius:10px;box-shadow:0 1px 6px #0084ff14;color:var(--ms-text-inverse);cursor:pointer;display:flex;font-size:.97rem;gap:.6rem;margin-bottom:.3rem;opacity:.97;padding:.5rem 1rem .5rem .8rem;position:relative;transition:background .2s,box-shadow .2s}.chat--facebook .chat__message-reply b{color:var(--ms-primary);font-size:.98rem;font-weight:600;margin-right:.3rem}.chat--facebook .chat__message-reply span{color:var(--ms-text-inverse);font-size:.97rem;font-weight:400;word-break:break-word}.chat--facebook .chat__message-timestamp{color:#dddfe2;display:block;font-size:.8rem;margin-top:.2rem;text-align:right}.chat--facebook .chat__message--client .chat__message-timestamp{color:var(--ms-text-muted);font-weight:500}.chat--facebook .chat__form{align-items:center;background:var(--ms-surface);border-top:1px solid var(--ms-border);display:flex;flex-shrink:0;gap:.7rem;padding:1rem}.chat--facebook .chat__input{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:20px;color:var(--ms-text);flex:1 1;font-size:1rem;min-width:0;outline:none;padding:.7rem 1rem;transition:border .2s}.chat--facebook .chat__input:focus{border-color:var(--ms-primary)}.chat--facebook .chat__button{align-items:center;background:var(--ms-primary);border:none;border-radius:50%;box-shadow:0 2px 8px var(--ms-shadow);color:var(--ms-text-inverse);cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:background .2s;width:44px}.chat--facebook .chat__button:hover{background:var(--ms-primary-hover)}.chat--facebook .chat__message--highlight{background:var(--ms-success);box-shadow:0 0 0 3px var(--ms-accent);transition:box-shadow .2s,background .2s}.chat--facebook .chat__messages--empty{color:var(--ms-text-muted);font-style:italic;margin-top:2rem;text-align:center}.chat--facebook .chat__messages::-webkit-scrollbar{width:8px}.chat--facebook .chat__messages::-webkit-scrollbar-thumb{background:var(--ms-primary);border-radius:8px}.chat--facebook .chat__messages::-webkit-scrollbar-track{background:var(--ms-bg-color)}@media (max-width:700px){.chat--facebook{height:calc(100% - 70px)}.chat--facebook .chat__message--agent,.chat--facebook .chat__message--client{font-size:.95rem;max-width:95%;padding:.6rem .7rem}.chat--facebook .chat-header{font-size:1rem;padding:.7rem .5rem}.chat--facebook .chat__form{padding:.7rem .3rem}}:root{--ig-bg-color:#fff;--ig-surface:#fafafa;--ig-header:#fff;--ig-story-bg:#f5f5f5;--ig-text:#262626;--ig-text-muted:#8e8e8e;--ig-text-inverse:#fff;--ig-primary:#0095f6;--ig-primary-hover:#1877f2;--ig-accent-gradient:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);--ig-chat-out:#efefef;--ig-chat-in:#fff;--ig-border:#dbdbdb;--ig-shadow:#00000014;--ig-success:#58c472;--ig-warning:#f7b928;--ig-error:#ed4956}[data-theme=dark]{--ig-bg-color:#121212;--ig-surface:#1a1a1a;--ig-header:#1a1a1a;--ig-story-bg:#262626;--ig-text:#f5f5f5;--ig-text-muted:#a8a8a8;--ig-text-inverse:#000;--ig-primary:#0095f6;--ig-primary-hover:#1ea1f7;--ig-accent-gradient:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);--ig-chat-out:#262626;--ig-chat-in:#1a1a1a;--ig-border:#2c2c2c;--ig-shadow:#0009;--ig-success:#58c472;--ig-warning:#e6c06d;--ig-error:#ed4956}.chat--instagram{background:var(--ig-bg-color);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;height:100vh;min-height:100vh;overflow:hidden}.chat--instagram .chat-header{align-items:center;background:var(--ig-header);border-bottom:1px solid var(--ig-border);color:var(--ig-text);display:flex;flex-shrink:0;font-size:1.1rem;font-weight:500;gap:1rem;padding:1rem 1.5rem}.chat--instagram .chat__messages{flex:1 1;overflow-y:auto;padding:1.5rem 1rem;scrollbar-color:var(--ig-primary) var(--ig-bg-color);scrollbar-width:thin}.chat--instagram .chat__message{align-items:flex-start;display:flex;margin-bottom:.5rem;padding:.3rem 0;position:relative;width:100%}.chat--instagram .chat__message--agent{flex-direction:row-reverse}.chat--instagram .chat__message--client{flex-direction:row;justify-content:flex-start}.chat--instagram .chat__message-bubble--agent{background:var(--ig-primary);border:1px solid var(--ig-border);border-radius:18px 18px 4px 18px;color:#fff;text-align:right}.chat--instagram .chat__message-bubble--agent,.chat--instagram .chat__message-bubble--client{box-shadow:0 2px 8px var(--ig-shadow);font-size:1rem;max-width:70%;min-width:80px;padding:.7rem 1.1rem;position:relative;transition:max-width .2s;width:-webkit-fit-content;width:fit-content;word-break:break-word}.chat--instagram .chat__message-bubble--client{background:var(--ig-chat-in);border:1px solid var(--ig-border);border-radius:18px 18px 18px 4px;color:var(--ig-text)}.chat--instagram .chat__reply-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--ig-accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s,color .2s;width:32px}.chat--instagram .chat__reply-btn--agent{align-self:center;margin-right:.5rem}.chat--instagram .chat__reply-btn--client{align-self:center;margin-left:.5rem}.chat--instagram .chat__message:hover .chat__reply-btn{opacity:1;pointer-events:auto}.chat--instagram .chat__reply-btn:hover{background:#e1306c14;color:var(--ig-primary-hover)}.chat--instagram .chat__message-reply{align-items:center;background:var(--ig-accent-gradient);border-left:4px solid var(--ig-primary);border-radius:10px;box-shadow:0 1px 6px #e1306c14;color:var(--ig-text-inverse);cursor:pointer;display:flex;font-size:.97rem;gap:.6rem;margin-bottom:.3rem;opacity:.97;padding:.5rem 1rem .5rem .8rem;position:relative;transition:background .2s,box-shadow .2s}.chat--instagram .chat__message-reply b{color:var(--ig-primary);font-size:.98rem;font-weight:600;margin-right:.3rem}.chat--instagram .chat__message-reply span{color:var(--ig-text-inverse);font-size:.97rem;font-weight:400;word-break:break-word}.chat--instagram .chat__message-timestamp{color:#fff;display:block;font-size:.8rem;margin-top:.2rem;text-align:right}.chat--instagram .chat__message-status{color:var(--ig-primary);font-size:.8rem;margin-left:.5rem}.chat--instagram .chat__form{align-items:center;background:var(--ig-surface);border-top:1px solid var(--ig-border);display:flex;flex-shrink:0;gap:.7rem;padding:1rem}.chat--instagram .chat__input{background:var(--ig-surface);border:1px solid var(--ig-border);border-radius:20px;color:var(--ig-text);flex:1 1;font-size:1rem;outline:none;padding:.7rem 1rem;transition:border .2s}.chat--instagram .chat__input:focus{border-color:var(--ig-primary)}.chat--instagram .chat__button{align-items:center;background:var(--ig-accent-gradient);border:none;border-radius:50%;box-shadow:0 2px 8px var(--ig-shadow);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:background .2s;width:44px}.chat--instagram .chat__button:hover{background:var(--ig-primary-hover)}.chat--instagram .chat__message--highlight{background:var(--ig-success);box-shadow:0 0 0 3px var(--ig-primary);transition:box-shadow .2s,background .2s}.chat--instagram .chat__messages--empty{color:var(--ig-text-muted);font-style:italic;margin-top:2rem;text-align:center}.chat--instagram .chat__messages::-webkit-scrollbar{width:8px}.chat--instagram .chat__messages::-webkit-scrollbar-thumb{background:var(--ig-primary);border-radius:8px}.chat--instagram .chat__messages::-webkit-scrollbar-track{background:var(--ig-bg-color)}@media (max-width:600px){.chat--instagram .chat__messages{max-height:60vh;padding:1rem .3rem}.chat--instagram .chat__message--agent,.chat--instagram .chat__message--client{font-size:.95rem;max-width:95%;padding:.6rem .7rem}.chat--instagram .chat-header{font-size:1rem;padding:.7rem .5rem}.chat--instagram .chat__form{padding:.7rem .3rem}}.client-info-panel{animation:slideInRight .3s ease-out;background:var(--bg-color);display:flex;flex-direction:column;height:100vh;right:0;top:0;width:100%}.client-info-panel__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;height:50px;justify-content:space-between;padding:1.5rem}.client-info-panel__title{align-items:center;color:var(--text-color);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.client-info-panel__title-icon{color:var(--gold-500);height:1.25rem;width:1.25rem}.client-info-panel__close{align-items:center;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.client-info-panel__close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.client-info-panel__close svg{height:1.25rem;width:1.25rem}.client-info-panel__content{flex:1 1;overflow-y:auto;padding:1.5rem}.client-info-panel__profile{align-items:center;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.client-info-panel__avatar{border:3px solid var(--gold-500);border-radius:50%;flex-shrink:0;height:60px;width:60px}.client-info-panel__profile-info{flex:1 1}.client-info-panel__name{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.client-info-panel__channel{background:#beaf871a;border-radius:8px;color:var(--gold-500);display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.client-info-panel__name-inputs{display:flex;flex-direction:column;gap:.5rem}.client-info-panel__section{margin-bottom:1.5rem}.client-info-panel__section-title{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.client-info-panel__section-icon{color:var(--gold-500);height:1rem;width:1rem}.client-info-panel__field{margin-bottom:1rem}.client-info-panel__field label{color:var(--text-color);display:block;font-size:.8rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.client-info-panel__field-value{align-items:center;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);display:flex;font-size:.9rem;min-height:44px;padding:.75rem}.client-info-panel__input,.client-info-panel__select,.client-info-panel__textarea{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.client-info-panel__textarea{line-height:1.5;min-height:80px;resize:vertical}.client-info-panel__phone-input{display:flex;gap:.5rem}.client-info-panel__phone-input .client-info-panel__select{flex-shrink:0;width:120px}.client-info-panel__phone-input .client-info-panel__input{flex:1 1}.client-info-panel__footer{background:var(--bg-alt);border-top:1px solid var(--border-color);height:30px;padding:1.5rem}.client-info-panel__edit-btn{align-items:center;background:var(--gold-500);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease;width:100%}.client-info-panel__edit-btn:hover{background:var(--gold-600);transform:translateY(-1px)}.client-info-panel__edit-btn svg{height:1rem;width:1rem}.client-info-panel__actions{display:flex;gap:.75rem}.client-info-panel__cancel-btn,.client-info-panel__save-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.client-info-panel__cancel-btn{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.client-info-panel__cancel-btn:hover:not(:disabled){background:#f87171;border-color:#f87171;color:#fff}.client-info-panel__save-btn{background:#10b981;border:none;color:#fff}.client-info-panel__save-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.client-info-panel__cancel-btn:disabled,.client-info-panel__save-btn:disabled{cursor:not-allowed;opacity:.6}.client-info-panel__cancel-btn svg,.client-info-panel__save-btn svg{height:1rem;width:1rem}@media (max-width:768px){.client-info-panel{right:0;width:100vw}.client-info-panel__header{flex-shrink:0;height:60px;padding:1rem}.client-info-panel__content{flex:1 1;overflow-y:auto;padding:1rem 1rem 2rem}.client-info-panel__footer{background:var(--bg-alt);border-top:1px solid var(--border-color);bottom:0;flex-shrink:0;height:auto;min-height:80px;padding:1rem;position:-webkit-sticky;position:sticky;z-index:10}.client-info-panel__profile{flex-direction:row;margin-bottom:1.5rem;padding:.75rem;text-align:left}.client-info-panel__avatar{flex-shrink:0;height:50px;width:50px}.client-info-panel__actions{flex-direction:column;gap:.5rem}.client-info-panel__cancel-btn,.client-info-panel__edit-btn,.client-info-panel__save-btn{font-size:.9rem;min-height:44px;padding:.75rem 1rem}.client-info-panel__input,.client-info-panel__select,.client-info-panel__textarea{font-size:16px;min-height:44px;padding:.75rem}.client-info-panel__textarea{min-height:100px}.client-info-panel__phone-input{flex-direction:column;gap:.5rem}.client-info-panel__phone-input .client-info-panel__select{width:100%}.client-info-panel__title{font-size:1rem}.client-info-panel__section-title{font-size:.85rem;margin-bottom:.75rem}.client-info-panel__field{margin-bottom:.75rem}.client-info-panel__field-value{font-size:.85rem;min-height:40px;padding:.6rem}.client-info-panel__field label{font-size:.75rem;margin-bottom:.15rem}}@media (max-width:480px){.client-info-panel__header{height:55px;padding:.75rem}.client-info-panel__content{padding:.75rem}.client-info-panel__footer{min-height:75px;padding:.75rem}.client-info-panel__profile{margin-bottom:1rem;padding:.5rem}.client-info-panel__avatar{height:45px;width:45px}.client-info-panel__name{font-size:1rem}.client-info-panel__channel{font-size:.75rem;padding:.2rem .4rem}}.chatclient-layout{display:flex}.chatclient-layout,.chatclient-main{background:var(--bg-color);height:100%;overflow:hidden}.chatclient-main{box-sizing:border-box;flex:1 1;transition:margin-left .3s;width:100%}.chatclient{background:var(--bg-color);display:grid;grid-template-areas:"sidebar main";grid-template-columns:320px 1fr;grid-template-rows:100vh;height:100vh;overflow:hidden;position:relative;transition:grid-template-columns .3s ease;width:100%}.chatclient__sidebar{border-right:1px solid var(--border-color);grid-area:sidebar;height:100vh;overflow-y:none;position:relative;z-index:10}.chatclient__main{background:var(--bg-color);grid-area:main;height:100vh;overflow:hidden;position:relative;width:100%}.chatclient--with-info-panel{grid-template-areas:"sidebar main info";grid-template-columns:320px 1fr 400px}.chatclient__info-panel{border-left:1px solid var(--border-color);grid-area:info;height:100vh;width:100%}.chatclient--loading{grid-template-areas:"sidebar loading";grid-template-columns:320px 1fr}.chatclient__no-chat{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:relative;text-align:center}.chatclient__no-chat:before{content:"💬";display:block;font-size:4rem;margin-bottom:1rem;opacity:.3}.chatclient__no-chat h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.chatclient__no-chat p{color:var(--text-muted);font-size:1rem;line-height:1.5;margin:0;max-width:300px}@media (max-width:1200px){.chatclient{grid-template-columns:280px 1fr}.chatclient--with-info-panel{grid-template-columns:280px 1fr 350px}}@media (max-width:1150px){.chatclient{grid-template-areas:"main";grid-template-columns:1fr;height:100vh;height:100dvh;overflow:hidden}.chatclient__sidebar{display:none}.chatclient__main{height:100vh;height:100dvh;overflow:hidden;position:relative}.chatclient--with-info-panel{grid-template-areas:"info";grid-template-columns:1fr}.chatclient--with-info-panel .chatclient__main{display:none}.chatclient__info-panel{border-left:none;grid-area:info;height:100vh;height:100dvh;overflow:hidden}}@media (max-width:768px){body.chat-active{height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%}}.chatclient__error{align-items:center;color:#ef4444;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.chatclient__error:before{content:"⚠️";font-size:3rem;margin-bottom:1rem}.chatclient__info-panel,.chatclient__main,.chatclient__sidebar{transition:all .3s cubic-bezier(.4,0,.2,1)}.chatclient__loading-skeleton{background:var(--bg-alt);display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem}.chatclient__loading-item{animation:pulse 1.5s ease-in-out infinite alternate;background:var(--bg-color);border-radius:8px;height:60px}@media (min-width:1920px){.chatclient{grid-template-columns:380px 1fr}.chatclient--with-info-panel{grid-template-columns:380px 1fr 450px}}.clients-group-config{display:flex;flex-direction:column;overflow:auto;padding:2rem}.clients-group-config__header h2{color:var(--text-color);font-size:1.5rem;margin:0 0 .5rem}.clients-group-config__header{flex-shrink:0;margin-bottom:1.5rem}.clients-group-config__header p{color:var(--text-muted);margin:0}.clients-group-config__content{height:auto}.clients-group-config__content::-webkit-scrollbar{width:6px}.clients-group-config__content::-webkit-scrollbar-track{background:var(--surface-alt);border-radius:3px}.clients-group-config__content::-webkit-scrollbar-thumb{background:var(--gold-400);border-radius:3px}.clients-group-config__content::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}.groups-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.group-item{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-shrink:0;gap:1rem;padding:1.5rem;transition:all .2s ease}.group-item:hover{border-color:var(--gold-300);box-shadow:0 2px 8px #b9a88226}.group-item__icon{align-items:center;background:var(--c21-gold);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.group-item__icon svg{color:#fff;height:24px;width:24px}.group-item__content{flex:1 1;min-width:0}.group-item__name{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.group-item__key{color:var(--text-muted);font-size:.9rem}.group-item__badge{background:var(--gold-200);border-radius:4px;color:var(--gold-600);display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.group-item__actions{display:flex;flex-shrink:0;gap:.5rem}.group-action-btn{align-items:center;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.group-action-btn:hover{background:var(--gold-100);border-color:var(--gold-300)}.group-action-btn--danger:hover{background:var(--red-100);border-color:var(--red-300);color:var(--red-500)}.group-action-btn:disabled{cursor:not-allowed;opacity:.5}.group-action-btn svg{height:16px;width:16px}.edit-group-form,.new-group-form{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;padding:2rem}.new-group-form h3{color:var(--text-color);margin:0 0 1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{color:var(--text-color);font-size:.9rem;font-weight:600}.form-field input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:.75rem}.form-field input:focus{border-color:var(--gold-400);box-shadow:0 0 0 3px #b9a8821a;outline:none}.color-picker{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:32px;transition:all .2s ease;width:32px}.color-option.selected,.color-option:hover{border-color:var(--text-color);transform:scale(1.1)}.icon-picker{display:flex;flex-wrap:wrap;gap:.5rem}.icon-option{align-items:center;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-option.selected,.icon-option:hover{background:var(--gold-100);border-color:var(--gold-400);color:var(--gold-600)}.icon-option svg{height:20px;width:20px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:var(--gold-400);color:#fff}.btn-primary:hover{background:var(--gold-500)}.btn-secondary{background:var(--surface-alt);border:1px solid var(--border-color);color:var(--text-color)}.btn-secondary:hover{background:var(--gold-100);border-color:var(--gold-300)}.btn-primary svg,.btn-secondary svg{height:16px;width:16px}.add-group-btn{background:#0000;border:2px dashed var(--border-color);color:var(--text-muted);flex-shrink:0;justify-content:center;padding:1rem;width:100%}.add-group-btn:hover{background:var(--gold-100);border-color:var(--gold-400);color:var(--gold-600)}.delete-group-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25252680;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.delete-group-modal__content{background:var(--white);border-radius:16px;box-shadow:0 8px 32px #beaf872e;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.delete-group-modal__header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.delete-group-modal__icon{color:#f59e0b;flex-shrink:0;height:32px;width:32px}.delete-group-modal__header h3{color:var(--obsessed-grey);font-size:1.25rem;margin:0}.delete-group-modal__body{margin-bottom:2rem}.delete-group-modal__body p{color:var(--obsessed-grey);line-height:1.5;margin:0 0 1rem}.delete-group-modal__warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-top:1rem;padding:1rem}.delete-group-modal__warning p{margin:0 0 .5rem}.delete-group-modal__warning p:last-child{margin-bottom:0}.group-name-preview{background:#fffc;border-radius:4px;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.error-message{color:#dc2626!important;font-weight:500}.delete-group-modal__actions{display:flex;gap:1rem;justify-content:flex-end}.btn-danger{background:#dc2626;border:2px solid #dc2626;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-secondary{background:var(--white);border:2px solid var(--digital-medium-grey);border-radius:8px;color:var(--obsessed-grey);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:var(--off-white);border-color:var(--obsessed-grey)}@media (max-width:768px){.clients-group-config{height:100vh;padding:1rem}.form-row{grid-template-columns:1fr}.group-item{padding:1rem}.group-item__actions{flex-direction:column}.edit-group-form,.new-group-form{padding:1.5rem}}@media (max-width:480px){.clients-group-config{padding:.5rem}.clients-group-config__content{padding-right:.25rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center}}.switch-button{cursor:pointer;display:inline-block;position:relative}.switch-button--disabled{cursor:not-allowed;opacity:.6}.switch-button__input{height:0;opacity:0;position:absolute;width:0}.switch-button__slider{align-items:center;background:var(--border-color);border-radius:34px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;display:flex;left:0;padding:0 4px;position:absolute;right:0;top:0;transition:all .3s ease}.switch-button__input:checked+.switch-button__slider{background:var(--c21-gold-light)}.switch-button__icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;color:var(--c21-gold);display:flex;justify-content:center;position:absolute;transform:translateX(0);transition:all .3s ease}.switch-button__input:checked+.switch-button__slider .switch-button__icon{transform:translateX(var(--switch-translate-distance))}.switch-button:hover:not(.switch-button--disabled) .switch-button__slider{box-shadow:inset 0 2px 4px #0000001a,0 0 8px var(--shadow-color)}.switch-button__input:checked+.switch-button__slider:hover{background:var(--switch-active-color-hover)}.switch-button--small{--switch-translate-distance:24px;height:26px;width:50px}.switch-button--small .switch-button__icon{font-size:10px;height:20px;width:20px}.switch-button--medium{--switch-translate-distance:34px;height:36px;width:70px}.switch-button--medium .switch-button__icon{font-size:14px;height:28px;width:28px}.switch-button--large{--switch-translate-distance:44px;height:46px;width:90px}.switch-button--large .switch-button__icon{font-size:18px;height:38px;width:38px}.switch-button__input:focus+.switch-button__slider{outline-offset:2px}.switch-button--disabled .switch-button__slider{background:#ccc;cursor:not-allowed}.switch-button--disabled .switch-button__input:checked+.switch-button__slider{background:#999}.theme-config{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);padding:2rem}.theme-config__title{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.theme-config__description{color:var(--text-muted);line-height:1.5;margin-bottom:2rem}.theme-config__loading{color:var(--text-muted);padding:3rem 0;text-align:center}.theme-config__control{align-items:center;background:var(--surface);border:2px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.theme-config__control:hover{border-color:var(--gold-400);box-shadow:0 4px 12px var(--shadow-color)}.theme-config__info{flex:1 1}.theme-config__name{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.theme-config__desc{color:var(--text-muted);font-size:.9rem;line-height:1.4;margin:0}.theme-config__switch-container{flex-shrink:0;margin-left:1rem}.theme-config__preview{margin-top:2rem}.theme-config__preview-card{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);max-width:300px;overflow:hidden}.theme-config__preview-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;padding:.75rem 1rem}.theme-config__preview-dot{border-radius:50%;height:12px;width:12px}.theme-config__preview-dot--red{background:#ff5f56}.theme-config__preview-dot--yellow{background:#ffbd2e}.theme-config__preview-dot--green{background:#27ca3f}.theme-config__preview-content{padding:1.5rem 1rem}.theme-config__preview-text{color:var(--text-color);font-size:.9rem;margin-bottom:1rem}.theme-config__preview-button{background:var(--gold-500);border-radius:6px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:.5rem 1rem}@media (max-width:768px){.theme-config{padding:1.5rem}.theme-config__control{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.theme-config__switch-container{display:flex;justify-content:center;margin-left:0}}.theme-config__preview-card{transition:background-color .3s ease,border-color .3s ease}.theme-config__preview-content{transition:background-color .3s ease}.export-container{background:var(--bg-color);border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto}.export-header{margin-bottom:2.5rem;text-align:center}.export-title{color:var(--text-color);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.export-subtitle{color:var(--text-muted);font-size:.95rem;opacity:.8}.export-section{display:flex;flex-direction:column;height:100%;margin-bottom:2rem}.export-section-title{align-items:center;color:var(--text-color);display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;margin-bottom:1rem}.export-section-title:before{background:var(--primary-color);border-radius:2px;content:"";height:16px;width:4px}.export-columns-grid{grid-gap:.75rem;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.export-checkbox-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.export-checkbox-item:hover{background:rgba(var(--primary-rgb),.05)}.export-checkbox{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.export-checkbox-label{color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:450}.export-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.export-btn{border-radius:8px;font-weight:500;min-width:180px;padding:.75rem 1.5rem;transition:all .2s ease}.export-btn:disabled{cursor:not-allowed;opacity:.6}.export-select-actions{display:flex;gap:.5rem;margin-bottom:1rem}.select-all-btn,.select-none-btn{background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s ease}.select-all-btn:hover,.select-none-btn:hover{background:var(--bg-alt);color:var(--text-color)}.export-info{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:6px;color:var(--text-muted);font-size:.85rem;margin-top:1rem;padding:1rem;text-align:center}.export-filter-group{margin-bottom:1.5rem}.export-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-alt);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.65em auto;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.95rem;outline:none;padding:.8rem 0;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.export-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.export-select-wrapper{position:relative}.export-search-input{background-repeat:no-repeat;cursor:text;width:100%}.export-dropdown{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.export-dropdown-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s ease}.export-dropdown-item:last-child{border-bottom:none;color:var(--text-color)}.export-dropdown-item:hover{background:var(--bg-alt)}.export-dropdown-item.selected{background:rgba(var(--primary-rgb),.1);color:var(--primary-color);font-weight:500}.export-dropdown-username{color:var(--text-muted);font-size:.8rem;font-weight:400}.export-dropdown-no-results{color:var(--text-muted);cursor:default;font-style:italic}.export-dropdown-no-results:hover{background:#0000}@media (max-width:768px){.export-container{margin:0 1rem;padding:1.5rem}.export-columns-grid{grid-template-columns:1fr;padding:1rem}.export-actions{flex-direction:column}.export-btn{min-width:auto;width:100%}}.settings-layout{background:var(--off-white);border-radius:12px;box-shadow:0 2px 12px #beaf8714;display:flex;font-family:Typold,sans-serif;font-weight:200;height:100%;max-width:100%}.settings-sidebar{align-items:flex-start;background:var(--relentless-gold-light-tint);border-radius:12px 0 0 12px;display:flex;flex-direction:column;padding:2rem 1rem;width:220px}.settings-sidebar nav{width:100%}.settings-tab{background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-family:Typold,sans-serif;font-size:1.1rem;font-weight:600;font-weight:200;margin-bottom:.5rem;padding:.8rem .5rem;text-align:left;transition:background .2s,color .2s;width:100%}.settings-tab.active,.settings-tab:focus{background:var(--relentless-gold);color:var(--c21-gold)}.settings-content{display:flex;flex:1 1;flex-direction:column;padding:2rem 2.5rem}.settings-changes-banner{animation:pulse 2s ease-in-out infinite alternate;background:linear-gradient(90deg,var(--gold-100),var(--gold-200));border:1px solid var(--gold-300);border-radius:8px;color:var(--gold-700);font-weight:500;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}@keyframes pulse{0%{opacity:.8}to{opacity:1}}.settings-error{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.settings-error p{color:#c33;font-weight:500;margin:0}.settings-error-close{align-items:center;background:none;border:none;border-radius:50%;color:#c33;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:0;width:24px}.settings-error-close:hover{background:#fcc}.settings-tab-content{flex:1 1;height:100%}.settings-actions{border-top:2px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:auto;padding-top:1.5rem}.settings-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:140px;padding:.75rem 1.5rem;transition:all .2s ease}.settings-btn:disabled{cursor:not-allowed;opacity:.5}.settings-btn--primary{background:var(--c21-gold);color:var(--digital-black);font-family:Typold,sans-serif;font-weight:200}.settings-btn--primary:hover:not(:disabled){background:var(--c21-gold-dark);box-shadow:0 4px 12px #beaf874d;color:var(--white);transform:translateY(-1px)}.settings-btn--secondary{background:var(--surface-alt);border:1px solid var(--border-color);color:var(--text-color);font-family:Typold,sans-serif;font-weight:200}.settings-btn--secondary:hover:not(:disabled){background:var(--border-color);box-shadow:0 2px 8px var(--shadow-color);transform:translateY(-1px)}.settings-unauthorized{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);padding:4rem 2rem;text-align:center}.settings-unauthorized h2{color:var(--text-color);margin-bottom:1rem}.settings-unauthorized p{color:var(--text-muted);font-size:1.1rem}@media (max-width:700px){.settings-layout{flex-direction:column;max-width:100%;overflow-y:auto}.settings-sidebar{align-items:stretch;border-radius:12px 12px 0 0;padding:1rem .7rem;width:100%}.settings-content{height:calc(100vh - 270px);padding:1rem}.settings-actions{flex-direction:column}.settings-btn{min-width:auto}}.test-register-container{background:var(--off-white);border-radius:12px;box-shadow:0 2px 12px #beaf8714;margin:5vh auto;max-width:400px;padding:2rem 1.5rem}.test-register-container h2{color:var(--c21-gold-dark);font-size:1.4rem;margin-bottom:1.2rem;text-align:center}.test-register-form{display:flex;flex-direction:column;gap:.7rem}.test-register-form label{color:var(--digital-dark-gold);font-weight:500}.test-register-form input,.test-register-form select,.test-register-form textarea{background:var(--white);border:1px solid var(--relentless-gold-medium-tint);border-radius:6px;color:var(--obsessed-grey);font-size:1rem;padding:.7rem}.test-register-phone{display:flex;gap:.5rem}.test-register-error{background:#fff3f3;border:1px solid #f5c6cb;border-radius:6px;color:#c0392b}.test-register-error,.test-register-success{font-size:.98rem;padding:8px 12px;text-align:center}.test-register-success{background:#f8f6e8;border:1px solid var(--relentless-gold);border-radius:6px;color:var(--c21-gold-dark)}.test-register-form button{background:var(--c21-gold-dark);border:none;border-radius:6px;color:var(--white);cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.7rem;padding:12px 0;transition:background .2s,color .2s}.test-register-form button:hover{background:var(--relentless-gold);color:var(--digital-black)}@media (max-width:600px){.test-register-container{max-width:98vw;padding:1rem .5rem}}.dashboard-sidebar{align-items:stretch;background:var(--bg-color);border-right:1px solid var(--border-color);flex-direction:column;height:100%;padding:2rem .7rem}.dashboard-sidebar__logo{display:block;flex-shrink:0;height:auto;margin:0 auto 2rem;max-width:80%;pointer-events:none;-webkit-user-select:none;user-select:none;width:120px}.dashboard-sidebar__btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-family:Typold,sans-serif;font-size:1.08rem;font-weight:300;gap:.7rem;margin-bottom:.2rem;overflow:hidden;padding:.7rem .7rem .7rem .5rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.dashboard-sidebar__btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.dashboard-sidebar__btn:hover:before{transform:translateX(100%)}.dashboard-sidebar__btn.active,.dashboard-sidebar__btn:focus{background:var(--button-bg);box-shadow:0 2px 8px #0000001a;color:var(--button-text)}.dashboard-sidebar__btn:hover{background:var(--button-bg);color:var(--button-text);transform:translateX(2px)}.dashboard-sidebar__icon{color:inherit;flex-shrink:0;height:1.5em;width:1.5em}.dashboard-sidebar a{text-decoration:none}.dashboard-sidebar__theme-toggle{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.7rem;justify-content:center;margin-top:2rem;padding:1rem .7rem 1rem .5rem;transition:all .2s ease}@media (max-width:1024px){.dashboard-sidebar{padding:1.5rem .5rem}.dashboard-sidebar__logo{margin-bottom:1.5rem;width:100px}.dashboard-sidebar__btn{font-size:1rem;padding:.6rem .6rem .6rem .4rem}}@media (max-height:650px){.dashboard-sidebar__logo{margin-bottom:1rem;width:80px}.dashboard-sidebar__btn{font-size:.95rem;padding:.5rem .5rem .5rem .3rem}}@media (max-width:700px){.dashboard-sidebar{display:none}}.dashboard-header-nav{align-items:center;border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px #00000014;display:none;height:64px;justify-content:space-between;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:200}.dashboard-header-nav.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;box-shadow:0 8px 32px #2228311f}.dashboard-header-nav__menu-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:12px;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;min-height:48px;min-width:48px;overflow:hidden;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-header-nav__menu-btn:before{background:linear-gradient(45deg,#0000 30%,#beaf8733 50%,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.dashboard-header-nav__menu-btn:hover:before{transform:translateX(100%)}.dashboard-header-nav__menu-btn:hover{background:var(--bg-alt);border-color:var(--gold-500);box-shadow:0 4px 16px #beaf874d;transform:scale(1.05)}.dashboard-header-nav__menu-btn:active{transform:scale(.98)}.dashboard-header-nav__logo-wrapper{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;min-width:0;padding:0 1rem}.dashboard-header-nav__logo{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:40px;max-width:70vw;object-fit:contain;transition:all .3s ease;width:auto}.dashboard-header-nav__logo:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.02)}.dashboard-header-nav__spacer{flex-shrink:0;height:48px;width:48px}@media (max-width:700px){.dashboard-header-nav{display:flex!important;padding:0 1rem}.dashboard-header-nav__logo{height:32px;max-width:60vw}}@media (max-width:480px){.dashboard-header-nav{height:56px;padding:0 .75rem}.dashboard-header-nav__menu-btn{min-height:40px;min-width:40px;padding:.5rem}.dashboard-header-nav__logo{height:28px;max-width:50vw}.dashboard-header-nav__spacer{height:40px;width:40px}}.menu-overlay{animation:fadeInOverlay .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:199}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.dashboard-header-nav__menu-list--side{align-items:stretch;animation:slideInMenu .35s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-color);box-shadow:2px 0 24px var(--shadow-color);display:flex;flex-direction:column;height:100vh;left:0;max-width:340px;overflow-y:auto;position:fixed;text-decoration:none;top:0;width:80vw;z-index:200}a{color:inherit;text-decoration:none}.dashboard-header-nav__menu-list--side.closing{animation:slideOutMenu .18s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInMenu{0%{opacity:.5;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutMenu{0%{opacity:1;transform:translateX(0)}to{opacity:.5;transform:translateX(-100%)}}.dashboard-header-nav__menu-list--side button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:1.08rem;font-weight:600;gap:.7rem;margin-bottom:.2rem;padding:1rem 1rem 1rem 15px;text-align:left;transition:background .2s,color .2s;width:100%}.dashboard-header-nav__menu-list--side button:hover{background:var(--primary);color:var(--text-inverse);padding-left:clamp(1.5rem,4vw,2rem);text-decoration:none;transform:translateX(8px)}.dashboard-header-nav__menu-list--side button.active{background:var(--c21-bea);color:var(--text-inverse);text-decoration:none}.dashboard-header-nav__menu-list--side button:hover .dashboard-sidebar__icon{color:var(--primary-hover);transform:scale(1.1)}.dashboard-header-nav__menu-logo{align-items:center;display:flex;justify-content:center;padding:1.2rem 0 .7rem;width:100%}.dashboard-header-nav__menu-logo-img{background:#0000;border-radius:16px;height:160px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:160px}.dashboard-header-nav__menu-options-container{box-sizing:border-box;display:flex;flex-direction:column;gap:.2rem;padding:10px;width:100%}.dashboard-sidebar__btn--logout{align-items:center;background:var(--bg-alt);color:var(--text-color);display:flex;justify-content:center}.dashboard-layout{background:var(--bg-color);display:grid;grid-template-areas:"sidebar main" "sidebar main";grid-template-columns:240px 1fr;grid-template-rows:1fr;height:100vh;min-height:100vh;overflow:hidden;transition:background .3s ease}.dashboard-layout__header{display:none;grid-area:header;position:-webkit-sticky;position:sticky;top:0;z-index:200}.dashboard-layout__sidebar{-ms-overflow-style:none;grid-area:sidebar;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0}.dashboard-layout__sidebar::-webkit-scrollbar{display:none}.dashboard-layout__main{background:var(--bg-color);grid-area:main;min-width:0;overflow:hidden;position:relative}@media (max-width:700px){body,html{touch-action:manipulation;width:100%}.dashboard-layout,body,html{height:100vh;height:100dvh;overflow:hidden;position:fixed}.dashboard-layout{bottom:0;grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr;left:0;right:0;top:0}.dashboard-layout__header{background:var(--bg-color);border-bottom:1px solid var(--border-color);display:block;height:64px;min-height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.dashboard-layout__sidebar{display:none}.dashboard-layout__main{-webkit-overflow-scrolling:touch;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);overflow-x:hidden;overflow-y:auto;position:relative}.dashboard-layout--chat{grid-template-areas:"main";grid-template-rows:1fr}.dashboard-layout--chat .dashboard-layout__header{display:none!important}.dashboard-layout--chat .dashboard-layout__main{height:100dvh!important;max-height:100dvh!important;overflow:hidden}}@media (max-width:480px){.dashboard-layout__header{height:56px;min-height:56px}.dashboard-layout__main{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px)}.dashboard-layout--chat .dashboard-layout__main{height:100dvh!important;max-height:100dvh!important}}@media (max-width:700px){input,select,textarea{transform:translateZ(0)}.dashboard-layout__main form{display:flex;flex-direction:column;height:100%}.dashboard-layout__main .scrollable-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto}}:root{--c21-light-grey:#e7e7e8;--c21-medium-grey:#818284;--c21-dark-brown:#3d3835;--c21-dark-grey:#3f4040;--c21-gold:#b9a882;--c21-gold-dark:#a48c53;--c21-gold-light:#beb18b;--c21-gold-warm:#a29376;--c21-bea:#beaf87;--digital-black:#121212;--grey-50:#fafafa;--grey-100:#f0f0f0;--grey-200:var(--c21-light-grey);--grey-300:#c0c1c2;--grey-400:var(--c21-medium-grey);--grey-500:#676868;--grey-600:#525252;--grey-700:var(--c21-dark-grey);--grey-800:#2a2b2b;--grey-850:#222323;--grey-875:#1d1d1d;--grey-900:#181818;--grey-950:#0e0e0e;--gold-100:#f6f2e7;--gold-200:#e3dbc2;--gold-300:var(--c21-gold-light);--gold-400:var(--c21-gold);--gold-500:var(--c21-gold-dark);--gold-600:var(--c21-gold-warm);--green-300:#a9c98a;--green-400:#7ba05b;--green-500:#5f8345;--yellow-300:#f0d88d;--yellow-400:#e2b448;--yellow-500:#b99035;--red-300:#e59a8d;--red-400:#c75b4e;--red-500:#9e463b;--overlay:#00000080;--overlay-light:#ffffff80;--bg-color:#fff;--bg-alt:#ececec;--bg-muted:#f9f9f9;--surface:#fff;--surface-alt:#f4f4f4;--bg-row-contrast:#f0f0f0;--bg-color-contrast:#1c1c1c;--bg-alt-contrast:#3f4040;--bg-muted-contrast:#181818;--surface-contrast:#2a2b2b;--surface-alt-contrast:#3a3a3a;--text-color:#3d3835;--text-muted:#818284;--text-inverse:#fff;--text-color-contraste:#f5f5f5;--text-muted:#bdbdbd;--text-inverse-contraste:#3d3835;--button-bg:#b9a882;--button-bg-hover:#a48c53;--button-text:#3d3835;--button-alt-bg:#e7e7e8;--button-alt-text:#3d3835;--border-color:#e7e7e8;--shadow-color:#3d38351a;--border-color-contrast:#525252;--success:#7ba05b;--warning:#e2b448;--error:#c75b4e;--highlight:#beb18b;--accent:#a29376}[data-theme=dark]{--bg-color:#1c1c1c;--bg-alt:#3f4040;--bg-muted:#181818;--surface:#2a2b2b;--surface-alt:#3a3a3a;--bg-row-contrast:#272727;--bg-color-contrast:#fff;--bg-alt-contrast:#e7e7e8;--bg-muted-contrast:#f9f9f9;--surface-contrast:#fff;--surface-alt-contrast:#f4f4f4;--text-color:#f5f5f5;--text-muted:#bdbdbd;--text-inverse:#3d3835;--text-color-contrast:#3d3835;--text-muted-contrast:#818284;--text-inverse-contrast:#fff;--button-bg:#beb18b;--button-bg-hover:#b9a882;--button-text:#2a2a2a;--button-alt-bg:#3f4040;--button-alt-text:#f5f5f5;--border-color:#525252;--shadow-color:#00000080;--border-color-contrast:#e7e7e8;--success:#5f8345;--warning:#b99035;--error:#9e463b;--highlight:#a48c53;--accent:#a29376}.clients-groups-page{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:100%;overflow:hidden}.clients-groups-columns{border:1px solid var(--border-color);border-radius:12px;display:flex;flex:1 1;margin:1rem;min-height:0;overflow-x:auto;overflow-y:hidden}.clients-groups-mobile{display:none;flex:1 1;flex-direction:column;margin:.5rem;overflow:hidden}.clients-groups-mobile-group-item{align-items:center;animation:fadeInUp .3s ease-out both;animation-delay:0s;animation-delay:calc(.05s*var(--index, 0));border-bottom:1px solid var(--border-color);box-sizing:border-box;cursor:pointer;display:flex;height:56px;min-height:56px;padding:1rem;transition:background-color .2s ease}.clients-groups-mobile-card-container{height:auto}.clients-groups-mobile-group-item:last-child{border-bottom:none}.clients-groups-mobile-group-item:active{background:var(--gold-50);transform:scale(.98)}.clients-groups-mobile-group-icon{align-items:center;border-radius:8px;color:var(--gold-600);display:flex;flex-shrink:0;justify-content:center;margin-right:1rem}.clients-groups-mobile-group-icon svg{height:20px;width:20px}.clients-groups-mobile-group-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}.clients-groups-mobile-group-name{color:var(--text-color);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .2rem}.clients-groups-mobile-group-count,.clients-groups-mobile-group-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clients-groups-mobile-group-count{color:var(--text-muted);font-size:.85rem;line-height:1.2;margin:0}.clients-groups-mobile-group-chevron{color:var(--text-muted);flex-shrink:0;height:1.2rem;width:1.2rem}.clients-groups-picker{display:none;position:relative}.clients-groups-picker-button{align-items:center;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.5rem 1rem;transition:all .2s ease}.clients-groups-picker-button:hover{background:var(--gold-100);border-color:var(--gold-300)}.clients-groups-picker-button__icon{height:1rem;width:1rem}.clients-groups-picker-chevron{color:var(--text-muted);height:.8rem;transition:transform .2s ease;width:.8rem}.clients-groups-picker-button[aria-expanded=true] .clients-groups-picker-chevron{transform:rotate(180deg)}.clients-groups-picker-dropdown{animation:dropdownSlide .2s ease;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:20}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clients-groups-picker-option{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.clients-groups-picker-option:hover{background:var(--gold-50)}.clients-groups-picker-option.active{background:var(--gold-100);color:var(--gold-700);font-weight:600}.clients-groups-picker-option__icon{flex-shrink:0;height:1.2rem;width:1.2rem}.clients-groups-picker-option__count{background:var(--surface-alt);border-radius:12px;color:var(--text-muted);font-size:.75rem;font-weight:700;margin-left:auto;padding:.2rem .5rem}.clients-groups-picker-option.active .clients-groups-picker-option__count{background:var(--gold-200);color:var(--gold-800)}.clients-groups-mobile-list{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0;scrollbar-width:none}.clients-groups-mobile-list::-webkit-scrollbar{display:none}.clients-groups-mobile-list .groups-card--unread{background:var(--gold-50);border-left:4px solid var(--gold-500);padding-left:calc(1rem - 4px)}.clients-groups-mobile-list .groups-card--inactive{filter:grayscale(.3);opacity:.6}@media (max-width:768px){.clients-groups-mobile{animation:slideUp .3s ease-out}.clients-groups-mobile-header{animation:fadeIn .4s ease-out .1s both}.clients-groups-mobile-group-item,.clients-groups-mobile-list .groups-card{animation:fadeInUp .3s ease-out both;animation-delay:0s;animation-delay:calc(.05s*var(--index, 0))}.clients-groups-mobile-list{animation:slideInRight .3s ease-out}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.clients-groups-mobile-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.clients-groups-mobile-empty__icon{color:var(--gold-300);height:4rem;margin-bottom:1.5rem;opacity:.5;width:4rem}.clients-groups-mobile-empty h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.clients-groups-mobile-empty p{font-size:.9rem;line-height:1.5;margin:0;max-width:300px}.clients-groups-columns::-webkit-scrollbar{height:6px}.clients-groups-columns::-webkit-scrollbar-track{background:var(--surface-alt);border-radius:4px;margin:0 1rem}.clients-groups-columns::-webkit-scrollbar-thumb{background:var(--gold-400);border-radius:4px}.clients-groups-columns::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}.clients-groups-list{display:flex;flex-direction:column;gap:.5rem}.clients-groups-empty{color:var(--text-muted);padding:4rem 2rem}.clients-groups-empty__icon{color:var(--gold-300);height:4rem;margin:0 auto 1.5rem;width:4rem}.clients-groups-empty h3{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem}.clients-groups-empty p{font-size:1rem;margin:0 auto;max-width:400px}@media (max-width:1200px){.clients-groups-columns{gap:.75rem}.pages-header__filters{align-items:stretch;gap:1rem}}@media (max-width:768px){.clients-groups-page{padding:0 .5rem}.clients-groups-columns{display:none}.clients-groups-mobile{display:flex}.clients-groups-header__main{align-items:flex-start;flex-direction:column;gap:1rem}.clients-groups-header__stats{gap:1rem}.clients-groups-stat{font-size:.8rem;padding:.4rem .8rem}.clients-groups-header__title{font-size:1.5rem}.clients-groups-searchbox{max-width:100%}.clients-groups-mobile-header{padding:.75rem}.clients-groups-mobile-title{font-size:1rem}.clients-groups-mobile-group-item{box-sizing:border-box;height:56px;min-height:56px;padding:.875rem}.clients-groups-mobile-group-icon{height:36px;margin-right:.75rem;width:36px}.clients-groups-mobile-group-icon svg{height:18px;width:18px}}@media (max-width:480px){.clients-groups-page{padding:0 .25rem}.clients-groups-header__icon{height:2rem;width:2rem}.clients-groups-mobile-empty__icon{height:3rem;width:3rem}.clients-groups-mobile-header{padding:.5rem}.clients-groups-mobile-title{font-size:.95rem}.clients-groups-mobile-group-item{box-sizing:border-box;height:56px;min-height:56px;padding:.75rem}.clients-groups-mobile-group-icon svg{height:16px;width:16px}.clients-groups-mobile-group-name{font-size:.95rem}.clients-groups-mobile-group-count{font-size:.8rem}.clients-groups-mobile-back{font-size:.85rem;padding:.3rem .6rem}.clients-groups-mobile-back__icon{height:.9rem;width:.9rem}.clients-groups-mobile-empty{padding:2rem 1rem}.clients-groups-mobile-empty h3{font-size:1.1rem}.clients-groups-mobile-empty p{font-size:.85rem}}.clients-groups-mobile-header-nav{align-items:center;display:flex;gap:1rem;width:100%}.clients-groups-mobile-back-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--c21-gold);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem;transition:background-color .2s ease}.clients-groups-mobile-back-btn:hover{background:var(--gold-50)}.clients-groups-mobile-back-icon{height:1.2rem;width:1.2rem}.clients-groups-mobile-header-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.clients-groups-mobile-header-icon{color:var(--text-color);flex-shrink:0;height:1.5rem;width:1.5rem}.clients-groups-mobile-header-title h2{color:var(--text-color);font-size:1.1rem;font-weight:600;line-height:1.2;margin:0}.clients-groups-mobile-header-title p{color:var(--text-muted);font-size:.8rem;line-height:1.1;margin:0}@media (max-width:768px){.clients-groups-mobile-header-nav{min-height:2.5rem;padding:.5rem 0}.clients-groups-mobile-back-btn{border-radius:6px;font-size:.85rem;padding:.4rem .6rem}.clients-groups-mobile-header-title h2{font-size:1rem;margin:0}.clients-groups-mobile-header-title p{font-size:.75rem;margin:0;opacity:.8}}@media (max-width:480px){.clients-groups-mobile-header-nav{gap:.4rem;min-height:2.2rem}.clients-groups-mobile-back-btn{font-size:.8rem;padding:.3rem .5rem}.clients-groups-mobile-header-icon{height:1.1rem;width:1.1rem}.clients-groups-mobile-header-title h2{font-size:.9rem}.clients-groups-mobile-header-title p{font-size:.7rem}}.clients-groups-mobile-group-select{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:18px;color:var(--text-color);font-size:.9rem;font-weight:500;margin-left:.5rem;min-width:90px;padding:.3rem .7rem}.clients-groups-mobile-chat-btn{align-items:center;background:none;border:none;color:var(--c21-gold);cursor:pointer;display:flex;margin-left:.5rem}.clients-groups-mobile-chat-btn svg{height:22px;width:22px}.groups-card__channel-badge{background:#fff}@media (max-width:700px){.clients-groups-mobile-group-item{height:48px;min-height:48px}.clients-groups-mobile-group-name{font-size:.95rem}.clients-groups-mobile-group-count{font-size:.8rem}}@media (max-width:480px){.clients-groups-mobile-group-item{height:42px;min-height:42px}.clients-groups-mobile-group-name{font-size:.85rem}.clients-groups-mobile-group-count{font-size:.7rem}}.groups-card{align-items:center;background:var(--surface);border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;height:50px;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s ease;width:100%}.groups-card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-1px)}.groups-card--unread{background:var(--gold-50);border-color:var(--gold-500)}.groups-card--unread:before{background:linear-gradient(180deg,var(--gold-500),var(--gold-700));bottom:0;content:"";left:0;opacity:1;position:absolute;top:0;width:4px}.groups-card__avatar-container{flex-shrink:0;position:relative}.groups-card__avatar{border-radius:50%;box-shadow:0 2px 6px var(--shadow-color);height:32px;object-fit:cover;width:32px}.groups-card__avatar--icon{align-items:center;background:var(--surface-alt);border-radius:50%;color:var(--text-muted);display:flex;height:32px;justify-content:center;width:32px}.groups-card__avatar--icon svg{height:18px;width:18px}.groups-card__avatar--initials{border-radius:50%;box-shadow:0 2px 6px #00000026;font-family:inherit;letter-spacing:.5px}.groups-card__channel-badge{bottom:-6px;height:16px;right:-8px;width:16px}.groups-card__channel-badge,.groups-card__unread-badge{border:2px solid var(--surface);border-radius:50%;position:absolute}.groups-card__unread-badge{align-items:center;background:var(--red-500);box-shadow:0 2px 6px var(--shadow-color);color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;right:-4px;top:-4px;width:18px}.groups-card__name{color:var(--text-color);flex:1 1;font-size:.95rem;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-card__chat-btn{align-items:center;background:var(--c21-gold-light);border:none;border-radius:6px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.groups-card__chat-btn:hover{background:var(--c21-gold-dark);transform:scale(1.05)}.groups-card__chat-icon{color:#fff;height:16px;width:16px}.groups-card[draggable=true]{cursor:move}.groups-card[draggable=true]:hover{background:var(--gold-100);border-color:var(--gold-400);transform:translateY(-2px)}.groups-card--inactive{box-shadow:none;cursor:default!important;filter:grayscale(.3) opacity(.6);pointer-events:auto}.groups-card--inactive:hover{background:var(--surface);box-shadow:none}@media (max-width:768px){.groups-card{border-radius:6px;gap:.6rem;height:50px;padding:.6rem .8rem}.groups-card__name{font-size:.9rem}.groups-card-edit-mode{background:var(--surface);border:1px solid var(--border-color);padding-right:140px}}@media (max-width:480px){.groups-card{gap:.5rem;height:45px;padding:.5rem .7rem}.groups-card__avatar,.groups-card__avatar--icon,.groups-card__chat-btn{height:28px;width:28px}.groups-card__chat-icon{height:14px;width:14px}.groups-card__name{font-size:.85rem}.groups-card-edit-mode{padding-right:130px}}.clients-groups-column{background:var(--off-white);display:flex;flex:1 1;flex-direction:column;min-width:280px;overflow:hidden}.clients-groups-column__title{align-items:center;background:var(--off-white);border-bottom:1px solid var(--obsessed-grey-medium-tint);color:var(--text-color);display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0;padding:1.5rem}.clients-groups-column__icon{height:1.5rem;width:1.5rem}.clients-groups-cards{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem}.clients-groups-cards::-webkit-scrollbar{width:6px}.clients-groups-cards::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.clients-groups-cards::-webkit-scrollbar-thumb{background:var(--c21-gold);border-radius:3px}.clients-groups-cards::-webkit-scrollbar-thumb:hover{background:var(--c21-gold-dark)}.clients-groups-empty{align-items:center;background:var(--surface);border:2px dashed var(--border-color);border-radius:12px;color:var(--digital-medium-grey);display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;min-height:200px;padding:2rem 1rem;text-align:center}.clients-groups-empty__icon{height:3rem;margin-bottom:1rem;opacity:.5;width:3rem}.clients-groups-empty h3{font-size:1rem;font-weight:500;margin:0}.clients-groups-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-icon{animation:spin 2s linear infinite;color:var(--c21-gold);height:3rem;margin-bottom:1rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.clients-groups-column{height:calc(50vh - 80px);max-width:none;min-width:0;min-width:auto}.clients-groups-column__title{font-size:1.1rem;padding:1rem}.clients-groups-cards{gap:.5rem;padding:.75rem}.clients-groups-empty{min-height:150px;padding:1.5rem 1rem}.clients-groups-empty__icon{height:2.5rem;width:2.5rem}}@media (max-width:480px){.clients-groups-column{height:calc(45vh - 70px)}.clients-groups-column__title{font-size:1rem;padding:.8rem}.clients-groups-cards{gap:.4rem;padding:.5rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.privacy-content{color:#777;font-family:Barlow,sans-serif;line-height:1.5;margin:0 auto;max-width:1200px;padding:20px;text-align:justify}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Typold;font-style:normal;font-weight:500;src:url(/static/media/The%20Northern%20Block%20Ltd%20-%20Typold%20Medium.7d3d448604bff3392533.otf) format("opentype")}@font-face{font-display:swap;font-family:Typold-Bold;font-style:normal;font-weight:700;src:url(/static/media/The%20Northern%20Block%20Ltd%20-%20Typold%20Bold.c6b46002628f264208cb.otf) format("opentype")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:500;src:url(/static/media/Barlow-Medium.d4afdc134fc10b739bab.ttf) format("truetype")}@font-face{font-display:swap;font-family:Barlow-Bold;font-style:normal;font-weight:700;src:url(/static/media/Barlow-Bold.0cb1ab864072bf9e0991.ttf) format("truetype")}
/*# sourceMappingURL=main.5988fd05.css.map*/