*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#f7f7f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grecaptcha-badge{bottom:96px!important;z-index:900}.layout__container{width:100%;display:flex;min-height:100vh;flex-direction:column}.dark .layout__container{background-color:#0f172a}.layout__innercontainer{display:flex;flex-direction:column;width:100%;flex:1}.dark .layout__innercontainer{background-color:#0f172a}.header__container{width:100%;height:80px}.header{position:sticky;top:0;z-index:50;background:#4b1a45;box-shadow:0 2px 12px #0f172a1f}.dark .header{background:#0b1220;box-shadow:0 2px 12px #02061766}.header__bar{padding:12px 32px;display:flex;align-items:center;justify-content:space-between}.header__actions{display:flex;align-items:center;gap:12px}.header__theme-toggle{width:40px;height:40px;border-radius:999px;border:1px solid rgba(212,175,55,.5);background:#ffffff14;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header__theme-toggle:hover{background:#d4af3726;transform:translateY(-1px)}.header__theme-toggle:active{transform:scale(.98)}.dark .header__theme-toggle{background:#0f172a80;border-color:#d4af3759}.header__theme-icon{font-size:18px}.header__brand{display:flex;align-items:center;gap:16px}.header__logo-badge{position:relative;width:56px;height:56px;border-radius:999px;border:2.5px solid #d4af37;display:flex;align-items:center;justify-content:center;background:#ffffff0a;overflow:hidden}.header__logo{width:100%;height:100%;display:block;object-fit:contain;padding:2px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.header__logo-dot{position:absolute;right:-6px;bottom:-6px;width:9px;height:9px;border-radius:999px;background:#d4af37;border:2px solid #4b1a45}.dark .header__logo-dot{border-color:#0b1220}.header__brand-text{display:flex;flex-direction:column;gap:4px;border-left:1px solid rgba(255,255,255,.2);padding-left:16px}.dark .header__brand-text{border-left:1px solid rgba(255,255,255,.1)}.header__title{margin:0;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.02em}.header__subtitle{margin:0;color:#d4af37;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.header__user{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:999px}.header__user-menu{position:relative;display:flex;align-items:center}.header__user-info{display:none;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}@media (min-width: 640px){.header__user-info{display:flex}}.header__user-name{margin:0;color:#fff;font-size:13px;font-weight:600;line-height:1.2}.header__user-role{margin:0;color:#ffffffb3;font-size:11px;line-height:1.2}.header__user-ip{margin:0;color:#d4af37cc;font-size:10px;font-weight:500;line-height:1.2;font-family:monospace}.header__user-time{margin:0;color:#fff9;font-size:10px;font-weight:500;line-height:1.2;font-family:monospace}.header__user-avatar{width:40px;height:40px;border-radius:999px;border:2px solid #d4af37;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.dark .header__user-avatar{background:#111827;color:#e2e8f0}.header__dropdown{position:absolute;right:0;top:calc(100% + 8px);width:200px;background:#fff;border-radius:12px;box-shadow:0 16px 30px #0f172a2e;border:1px solid #e2e8f0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease;overflow:hidden;z-index:100}.header__dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.dark .header__dropdown{background:#0f172a;border-color:#1f2937;box-shadow:0 16px 30px #02061773}.header__dropdown-item{width:100%;border:none;background:transparent;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;color:#475569;cursor:pointer;transition:background .2s ease}.header__dropdown-item:hover{background:#f8fafc}.dark .header__dropdown-item{color:#e2e8f0}.dark .header__dropdown-item:hover{background:#111827}.header__dropdown-item--danger{color:#e11d48}.header__dropdown-item--danger:hover{background:#fff1f2}.dark .header__dropdown-item--danger{color:#fda4af}.dark .header__dropdown-item--danger:hover{background:#1f2937}.header__dropdown-divider{height:1px;background:#f1f5f9}.dark .header__dropdown-divider{background:#1f2937}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.footer{padding:20px 32px;border-top:1px solid #e2e8f0}.dark .footer{background-color:#0b1220;border-top:1px solid #1f2937}.footer__container{width:100%}.footer__content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px}@media (min-width: 768px){.footer__content{flex-direction:row;gap:32px}}.footer__brand{display:flex;align-items:center;gap:12px}.footer__logo{display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer__logo-image{max-width:180px;height:auto;object-fit:contain}.footer__copyright{margin:0;color:#64748b;font-size:13px;font-weight:400;letter-spacing:.01em;white-space:nowrap}.dark .footer__copyright{color:#94a3b8}.footer__links{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.footer__links{justify-content:flex-end}}.footer__link{font-size:13px;font-weight:600;color:#94a3b8;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;transition:color .2s ease}.footer__link:hover{color:#4b1a45}.dark .footer__link{color:#cbd5e1}.dark .footer__link:hover{color:#d4af37}.footer__linkedin{display:flex;align-items:center;justify-content:center;color:#64748b;text-decoration:none;transition:color .2s ease;font-size:24px}.footer__linkedin:hover{color:#4b1a45}.dark .footer__linkedin{color:#94a3b8}.dark .footer__linkedin:hover{color:#d4af37}.footer__linkedin-container{display:inline-flex;align-items:center;justify-content:center;background-color:#2d3748;border-radius:0;overflow:hidden;width:30px;height:30px}.dark .footer__linkedin-container{background-color:#1a202c}.footer__linkedin-image{width:100%;height:100%;object-fit:FILL}.loader__overlay{display:flex;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.loader__image{border-radius:50%;animation:rotate 5s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.users-groups__page{max-width:1120px;margin:0 auto;padding:32px 16px 80px;width:100%}.users-groups__hero{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}@media (min-width: 768px){.users-groups__hero{flex-direction:row;align-items:flex-end;justify-content:space-between}}.users-groups__hero-text{display:flex;flex-direction:column;gap:8px}.users-groups__title{font-size:32px;font-weight:800;color:#0f172a;margin:0}.dark .users-groups__title{color:#f8fafc}.users-groups__subtitle{font-size:14px;color:#64748b;margin:0}.dark .users-groups__subtitle{color:#cbd5e1}.users-groups__actions{display:flex;gap:12px;flex-wrap:wrap}.users-groups__container{display:flex;flex-direction:column;width:100%;align-items:start;padding:32px 16px 80px;max-width:1120px;margin:0 auto}.users-groups__title--container{display:flex;width:100%;flex-direction:column;gap:20px;margin-bottom:32px}.btn__export-groups{display:inline-flex;align-items:center;gap:12px;padding:12px 28px;border-radius:8px;border:2px solid #94a3b8;background:transparent;color:#0f172a;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.btn__export-groups:hover{background:#f8fafc;border-color:#64748b;transform:translateY(-1px)}.btn__export-groups:active{transform:scale(.98)}.dark .btn__export-groups{color:#f8fafc;border-color:#475569}.dark .btn__export-groups:hover{background:#1e293b;border-color:#64748b}.btn__export-groups .material-symbols-outlined{font-size:18px}.btn__user-groups{display:inline-flex;align-items:center;gap:12px;padding:12px 28px;border-radius:8px;border:2px solid #d4af37;background:#4b1a45;color:#d4af37;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 20px #0f172a26;cursor:pointer;transition:all .2s ease}.btn__user-groups:hover:not(:disabled){background:#361232;transform:translateY(-1px);box-shadow:0 12px 24px #0f172a33}.btn__user-groups:active:not(:disabled){transform:translateY(0)}.btn__user-groups:disabled{cursor:not-allowed;background:#94a3b8;border-color:#cbd5e1;color:#f1f5f9;opacity:.6;box-shadow:none}.groups-search-container{padding:20px 24px;border-bottom:1px solid #e2e8f0}.dark .groups-search-container{border-bottom-color:#1f2937}.groups-search-wrapper{position:relative;max-width:500px}.groups-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:20px;pointer-events:none}.dark .groups-search-icon{color:#64748b}.groups-search-input{width:100%;padding:10px 40px 10px 44px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#1e293b;transition:all .2s ease;outline:none}.groups-search-input::placeholder{color:#94a3b8}.groups-search-input:focus{border-color:#4b1a45;box-shadow:0 0 0 3px #4b1a451a}.dark .groups-search-input{background:#111827;border-color:#374151;color:#e2e8f0}.dark .groups-search-input::placeholder{color:#6b7280}.dark .groups-search-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}.groups-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.groups-search-clear:hover{background:#f1f5f9;color:#64748b}.dark .groups-search-clear{color:#6b7280}.dark .groups-search-clear:hover{background:#1f2937;color:#9ca3af}.groups-search-clear .material-symbols-outlined{font-size:18px}.options{width:100%;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:66px;z-index:10}.dark .options{background:#0b1220;border-bottom:1px solid #1f2937}.options__header{display:none;align-items:center;justify-content:space-between;padding:10px 16px}@media (max-width: 768px){.options__header{display:flex}}.options__label{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#64748b}.dark .options__label{color:#cbd5e1}.options__toggle{width:34px;height:34px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#334155;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.options__toggle:hover{background:#f8fafc}.dark .options__toggle{background:#0f172a;border-color:#1f2937;color:#e2e8f0}.options__container{display:flex;flex-direction:row;height:48px;padding:0 32px;gap:8px}@media (max-width: 768px){.options__container{padding:0 16px;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.options__container::-webkit-scrollbar{display:none}}@media (min-width: 768px){.options__container{gap:16px}}@media (max-width: 768px){.options__container{flex-direction:column;height:auto;padding:0 16px 12px;gap:6px;display:none}}@media (max-width: 768px){.options__container--open{display:flex}}.options__tab{display:flex;align-items:center;justify-content:center;cursor:pointer;height:100%;padding:0 20px;font-size:14px;font-weight:500;color:#64748b;border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap;letter-spacing:.01em}@media (max-width: 768px){.options__tab{justify-content:flex-start;height:42px;padding:0 12px;border-radius:10px;border-bottom:none;background:#f8fafc}.dark .options__tab{background:#0f172a}}@media (max-width: 768px){.options__tab{padding:0 14px;font-size:13px}}.options__tab:hover{color:#4b1a45}.dark .options__tab{color:#cbd5e1}.dark .options__tab:hover{color:#d4af37}.options__tab--active{color:#1e293b;font-weight:600;border-bottom-color:#d4af37}.dark .options__tab--active{color:#f8fafc}.groups-table{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;box-shadow:0 2px 8px #0f172a0a}.dark .groups-table{background:#0f172a;border-color:#1f2937;box-shadow:0 2px 8px #02061766}.groups-table__header-row{display:grid;grid-template-columns:80px 1fr 200px 200px 150px 140px 150px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.dark .groups-table__header-row{background:#0b1220;border-bottom:1px solid #1f2937}.groups-table__row{display:grid;grid-template-columns:80px 1fr 200px 200px 150px 140px 150px;border-bottom:1px solid #f1f5f9;background:#fff;transition:background .2s ease}.groups-table__row:hover{background:#f8fafcb3}.dark .groups-table__row{background:#0f172a;border-bottom:1px solid #1f2937}.dark .groups-table__row:hover{background:#0f172acc}.groups-table__cell{padding:16px;font-size:13px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .groups-table__cell{color:#e2e8f0}.groups-table__cell--id,.groups-table__cell--description,.groups-table__cell--email{justify-content:flex-start}.groups-table__cell--small{justify-content:center}.groups-table__cell--date{justify-content:flex-start}.groups-table__center{text-align:center;justify-content:center}.groups-table__id{font-weight:600;color:#334155}.dark .groups-table__id{color:#e2e8f0}.groups-table__description{font-weight:600;color:#0f172a}.dark .groups-table__description{color:#f8fafc}.groups-table__email{color:#64748b}.dark .groups-table__email{color:#cbd5e1}.modal__overlay{display:flex;position:fixed;z-index:10001;left:0;top:0;width:100%;height:100%;padding:16px;background-color:#0f172a99;justify-content:center;align-items:center}.modal__container{display:flex;width:100%;max-width:760px;height:auto;background-color:#fff;border-radius:16px;flex-direction:column;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px #02061759}.dark .modal__container{background:#0f172a;border-color:#1f2937}.modal__title{display:flex;flex-direction:column;gap:6px;width:100%;margin:0;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;font-size:22px;font-weight:800;color:#4b1a45}.dark .modal__title{color:#f8fafc;border-bottom-color:#1f2937}.modal__title-heading{margin:0;font-size:24px;font-weight:800}.modal__title-subtitle{margin:0;font-size:14px;font-weight:500;color:#64748b}.dark .modal__title-subtitle{color:#94a3b8}.modal__content{display:flex;flex-direction:column;width:100%;padding:20px 24px 24px}.modal__btn--container{display:flex;flex-direction:row;justify-content:center;gap:12px;margin-top:20px}@media (max-width: 560px){.modal__btn--container{flex-direction:column}}.btn__create-or-cancel{display:inline-block;min-width:120px;padding:10px 20px;background-color:#3a173f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;font-weight:700}.btn__create-or-cancel:hover{background-color:#280e2d}.btn__create-or-cancel:disabled{opacity:.6;cursor:not-allowed}.create-users-form__container{display:flex;flex-direction:row;align-items:center;width:100%;gap:12px;margin-top:12px}@media (max-width: 700px){.create-users-form__container{flex-direction:column;align-items:flex-start}}.create-users-form__label{display:flex;align-self:center;width:38%;color:#334155;font-size:14px;font-weight:600}.dark .create-users-form__label{color:#cbd5e1}@media (max-width: 700px){.create-users-form__label{width:100%}}.create-users-form__input{display:flex;width:62%;height:40px;border:1px solid #d1d5db;border-radius:8px;padding:0 12px;color:#1f2937;background:#fff}.create-users-form__input:focus{outline:none;border-color:#4b1a45;box-shadow:0 0 0 2px #4b1a4529}.dark .create-users-form__input{background:#0b1220;border-color:#334155;color:#e2e8f0}@media (max-width: 700px){.create-users-form__input{width:100%}}.form__error{width:100%;margin-top:12px;color:#b91c1c;font-size:13px;font-weight:600}.dark .form__error{color:#fca5a5}.error__overlay{display:flex;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.error__redbox{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:320px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:#ef665b;border-radius:8px;box-shadow:0 0 5px -3px #111}.error__greenbox{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:320px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:#edfbd8;border-radius:8px;box-shadow:0 0 5px -3px #111}.error__redicon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}.error__redicon path{fill:#fff}.error__greenicon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}.error__greenicon path{fill:#84d65a}.error__redtitle{font-weight:500;font-size:14px;color:#fff}.error__greentitle{font-weight:500;font-size:14px;color:#2b641e}.error__redclose{width:20px;height:20px;cursor:pointer;margin-left:auto}.error__redclose path{fill:#fff}.error__greenclose{width:20px;height:20px;cursor:pointer;margin-left:auto}.error__greenclose path{fill:#84d65a}.overlay{display:flex;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.card{overflow:hidden;position:relative;background-color:#fff;text-align:left;border-radius:.5rem;max-width:290px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.invalid_header{padding:1.25rem 1rem 1rem;background-color:#fff}.invalid_image{display:flex;margin-left:auto;margin-right:auto;background-color:#fee2e2;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:9999px}.image svg{color:#dc2626;width:1.5rem;height:1.5rem}.content{margin-top:.75rem;text-align:center}.invalid_title{color:#111827;font-size:1rem;font-weight:600;line-height:1.5rem}.invalid_message{margin-top:.5rem;color:#6b7280;font-size:.875rem;line-height:1.25rem}.invalid_actions{margin:.75rem 1rem;background-color:#f9fafb}.invalid_accept{display:inline-flex;padding:.5rem 1rem;background-color:#dc2626;color:#fff;font-size:1rem;line-height:1.5rem;font-weight:500;justify-content:center;width:100%;border-radius:.375rem;border-width:1px;border-color:transparent;box-shadow:0 1px 2px #0000000d}button{cursor:pointer}.valid-confirmation__overlay{display:flex;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.valid-confirmation__card{overflow:hidden;position:relative;text-align:center;border-radius:.75rem;max-width:340px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a;background-color:#fff}.valid-confirmation__header{padding:2rem 1.5rem 1.5rem}.valid-confirmation__image{display:flex;margin-left:auto;margin-right:auto;background-color:#fef3c7;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:9999px;border:4px solid #f59e0b;animation:animate .6s linear alternate-reverse infinite;transition:.6s ease}.valid-confirmation__image svg{color:#f59e0b;width:2.5rem;height:2.5rem}.valid-confirmation__content{margin-top:.75rem;text-align:center}.valid-confirmation__title{color:#111827;font-size:1.125rem;font-weight:600;line-height:1.5rem}.valid-confirmation__message{margin-top:.75rem;color:#374151;font-size:.9375rem;line-height:1.5rem}.valid-confirmation__actions{margin:1.5rem}.valid-confirmation__accept{display:inline-flex;padding:.75rem 1.5rem;background-color:#3c2a4a;color:#f59e0b;font-size:.9375rem;line-height:1.5rem;font-weight:600;justify-content:center;width:100%;border-radius:.375rem;border:none;box-shadow:0 1px 2px #0003;cursor:pointer;transition:background-color .2s ease;letter-spacing:.05em}.valid-confirmation__accept:hover{background-color:#2d1f38}@keyframes animate{0%{transform:scale(1)}to{transform:scale(1.09)}}.inactivity-warning__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease}.inactivity-warning__modal{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0f172a1a,0 10px 10px -5px #0f172a0a;max-width:400px;width:90%;padding:32px;animation:slideUp .3s ease}.inactivity-warning__title{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 12px;text-align:center}.inactivity-warning__message{font-size:14px;color:#64748b;text-align:center;margin:0 0 16px;line-height:1.5}.inactivity-warning__countdown{font-size:48px;font-weight:800;color:#4b1a45;text-align:center;margin:20px 0;font-family:Inter,monospace}.inactivity-warning__subtitle{font-size:13px;color:#64748b;text-align:center;margin:0 0 24px;line-height:1.5}.inactivity-warning__buttons{display:flex;gap:12px;flex-direction:column}.inactivity-warning__button{padding:11px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;outline:none}.inactivity-warning__button--cancel{background-color:#4b1a45;color:#fff}.inactivity-warning__button--cancel:hover{background-color:#3a1537;box-shadow:0 4px 12px #4b1a4533}.inactivity-warning__button--cancel:active{transform:scale(.98)}.inactivity-warning__button--logout{background-color:#dc2626;color:#fff}.inactivity-warning__button--logout:hover{background-color:#b91c1c;box-shadow:0 4px 12px #dc262633}.inactivity-warning__button--logout:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}html{background-color:#f4f4f4}