:root{--primary:#194754;--secondary:#0f8381;--accent:#bfb790;--textLight:#fff;--textDark:#292d32;--background:#f1f1f1;--white:#fff;--disabledBg:#cdcdcd;--bg-primary:#fff;--bg-secondary:#fafafa;--logo-text:#000;--separator:#d9d9d9;--btn-hover:#f0efef;--btn-active:#e5e5e5;--item-text:#5c5e64;--item-hover:#f6f6f6;--item-active-bg:#e8e5e5;--item-active-text:#000;--tooltip-bg:#000;--tooltip-text:#fff;--switch-bg:#f0f0f0;--switch-active:#fff}.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;height:100%;top:0;right:0;bottom:0;left:0;justify-content:center;margin:0;padding:1rem;position:fixed;width:100%;z-index:50}.modal,.modal[open]{display:flex}.modal::backdrop{display:none}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:42rem;overflow-y:auto;padding:1.5rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.modal-title{font-size:1.25rem;font-weight:700}.modal-description{color:#4b5563;margin-bottom:1rem}.modal-description--confirm{margin-bottom:1.5rem}.modal-close-btn{fill:#9ca3af;transition:fill .2s ease}.modal-close-btn:hover{fill:#4b5563}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}