*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Mulish,sans-serif;font-size:var(--font-size-md);font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-background);transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.25}h1{font-weight:900}h2{font-weight:800}h3{font-weight:700}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}#root{min-height:100vh}.kicker{text-transform:uppercase;letter-spacing:.26em;font-size:.75rem;color:#2395f5;font-weight:600;font-family:Mulish,sans-serif}.gradient-rule{height:3px;background:linear-gradient(120deg,var(--color-primary) 0%,#2370E8 42%,#20E6A1 100%);border-radius:2px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-md);background-color:var(--color-background)}.login-card{width:100%;max-width:420px;padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:16px;box-shadow:0 4px 12px #0810230f;border:1px solid var(--color-surface-border);transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.login-title{font-family:Montserrat,sans-serif;font-size:var(--font-size-xl);font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center;letter-spacing:-.02em}.login-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-md)}.login-email-display{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:12px 16px;font-size:var(--font-size-md);font-family:Mulish,sans-serif;font-weight:400;color:var(--color-text);background-color:var(--color-background-elevated);border:1px solid var(--color-surface-border);border-radius:8px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a2df31a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.form-error-list{margin-bottom:var(--spacing-md)}.general-error{margin-bottom:var(--spacing-md);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-family:Mulish,sans-serif;font-weight:600;border-radius:8px;border:none;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;border-radius:8px}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn-full{width:100%}.btn-link{background:none;border:none;color:var(--color-text-link);font-size:var(--font-size-sm);padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm);display:block;width:100%;text-align:center}.btn-link:hover:not(:disabled){text-decoration:underline}.password-requirements{list-style:none;padding:0;margin-top:var(--spacing-sm);font-family:Mulish,sans-serif}.password-req{font-size:var(--font-size-xs);padding:2px 0;display:flex;align-items:center;gap:var(--spacing-xs)}.password-req-met{color:#20e6a1}.password-req-unmet{color:#a9b8d4}.portal-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-surface)}input,textarea,select{direction:ltr!important;unicode-bidi:normal!important;text-align:left!important}.portal-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);color:var(--color-text);transition:background-color .25s ease-in-out,color .25s ease-in-out}.portal-layout__body{display:flex;flex:1;gap:0;margin-top:64px}.portal-layout__main{flex:1;min-width:0;padding:24px 16px}.portal-layout__loading,.portal-layout__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--color-text-muted)}.portal-layout__error button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-surface);border:none;border-radius:8px;font-size:var(--font-size-sm);font-family:Mulish,sans-serif;font-weight:600;transition:background-color var(--transition-fast)}.portal-layout__error button:hover{background:var(--color-primary-hover)}.portal-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:#081023;box-shadow:0 1px 2px #0810231a;z-index:100}.portal-header__left{display:flex;align-items:center;gap:var(--spacing-md)}.portal-header__logo-link{display:flex;align-items:center}.portal-header__get-logo{height:32px;width:auto;display:block}.portal-header__title{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.5px}.portal-header__company-logo{height:28px;width:auto;border-left:1px solid var(--color-primary-hover);padding-left:var(--spacing-md)}.portal-header__right{position:relative}.portal-header__user-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-primary-hover);border-radius:8px;color:var(--color-surface);font-size:var(--font-size-sm);font-family:Mulish,sans-serif;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.portal-header__user-button:hover{background:var(--color-background-elevated);border-color:#2395f5}.portal-header__user-name{font-weight:600;color:#fff}.portal-header__company-name{color:#fff;opacity:.8;font-size:var(--font-size-xs)}.portal-header__chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.portal-header__user-button[aria-expanded=true] .portal-header__chevron{transform:rotate(180deg)}.portal-header__dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:8px;box-shadow:0 8px 24px #08102314;z-index:100;overflow:hidden}.portal-header__dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-sm);font-family:Mulish,sans-serif;text-align:left;text-decoration:none;transition:background-color var(--transition-fast);cursor:pointer}.portal-header__dropdown-item:hover{background:var(--color-background-subtle);text-decoration:none}.portal-header__dropdown-item--danger{color:#ef4444}.portal-sidebar{width:220px;flex-shrink:0;background:var(--color-background-subtle);border-right:1px solid var(--color-surface-border);padding:20px 16px;align-self:stretch;transition:background-color .25s ease-in-out}.sidebar-divider{border:none;border-top:1px solid var(--color-surface-border);margin:12px 0}.portal-sidebar__list{list-style:none;padding:0;margin:0}.portal-sidebar__item{margin-bottom:var(--spacing-xs)}.portal-sidebar__link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-family:Mulish,sans-serif;font-weight:400;transition:background-color var(--transition-fast),color var(--transition-fast)}.portal-sidebar__link:hover{background:var(--color-surface);color:var(--color-primary);text-decoration:none}.portal-sidebar__icon{font-size:var(--font-size-md);width:20px;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.card-grid__empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.portal-card{position:relative;display:flex;flex-direction:column;padding:24px;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:12px;cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast),background-color .25s ease-in-out;outline:none}.portal-card:hover{box-shadow:0 8px 24px #08102314;transform:translateY(-2px);border-color:var(--color-primary)}.portal-card:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.portal-card--link{text-decoration:none;color:inherit}.portal-card--link:hover{text-decoration:none}.portal-card__image{margin-bottom:var(--spacing-md);width:48px;height:48px;display:flex;align-items:center;justify-content:center}.portal-card__image img{max-width:100%;max-height:100%;object-fit:contain}.portal-card__content{flex:1}.portal-card__title{font-family:Montserrat,sans-serif;font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);letter-spacing:-.02em}.portal-card__description{font-family:Mulish,sans-serif;font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted);line-height:1.6}.portal-card__external-icon{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-text-muted)}.portal-card--size-p{max-width:75%}.portal-card--size-g{grid-column:span 2}.popup-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#08102399;z-index:1000;padding:var(--spacing-md)}.popup-modal{background:var(--color-surface);border-radius:16px;box-shadow:0 8px 24px #0810231f;max-width:480px;width:100%;padding:var(--spacing-xl);outline:none}.popup-modal__title{font-family:Montserrat,sans-serif;font-size:var(--font-size-xl);font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.popup-modal__body{font-family:Mulish,sans-serif;font-size:var(--font-size-md);font-weight:400;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-lg)}.popup-modal__body a{color:var(--color-primary)}.popup-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md)}.popup-modal__cta{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-surface);border-radius:8px;font-size:var(--font-size-sm);font-family:Mulish,sans-serif;font-weight:600;text-decoration:none;transition:background-color var(--transition-fast)}.popup-modal__cta:hover{background:var(--color-primary-hover);text-decoration:none}.popup-modal__dismiss{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-surface-border);border-radius:8px;color:var(--color-text);font-size:var(--font-size-sm);font-family:Mulish,sans-serif;transition:background-color var(--transition-fast)}.popup-modal__dismiss:hover{background:var(--color-background-subtle)}.portal-page-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:16px;padding:32px;max-width:640px;transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.portal-page-title{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em;margin-bottom:8px}.profile-page .form-group{margin-bottom:20px}.profile-page .form-group label{font-family:Mulish,sans-serif;font-weight:600;font-size:.875rem;color:var(--color-text);margin-bottom:6px;display:block}.profile-page .form-group input,.profile-page .form-group select{width:100%;padding:10px 14px;border:1px solid var(--color-surface-border);border-radius:8px;font-family:Mulish,sans-serif;font-size:1rem;transition:border-color .15s ease-in-out}.profile-page .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a2df314}.profile-page .form-group input:disabled{background:var(--color-background-subtle);color:var(--color-text-muted)}.profile-page .form-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.profile-page .btn-link{color:var(--color-primary);font-weight:600;background:none;border:none;padding:0;font-size:.875rem;cursor:pointer}.profile-page .btn-link:hover{text-decoration:underline}.profile-page .password-section{margin-top:16px;padding:20px;background:var(--color-background-subtle);border-radius:12px;border:1px solid var(--color-surface-border)}.profile-page .form-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-background-subtle)}.settings-page .settings-section{margin-bottom:32px}.settings-page .settings-section h2{font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:16px}.settings-page .settings-toggle{display:flex;gap:12px}.settings-page .toggle-option{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--color-surface-border);border-radius:8px;cursor:pointer;font-family:Mulish,sans-serif;font-size:.875rem;font-weight:400;color:var(--color-text-muted);transition:all .15s ease-in-out}.settings-page .toggle-option:hover{border-color:var(--color-primary);color:var(--color-text)}.settings-page .toggle-option.active{border-color:var(--color-primary);background:#1a2df30d;color:var(--color-primary);font-weight:600}.settings-page .toggle-option input[type=radio]{accent-color:var(--color-primary)}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.875rem}.alert-success{background:#20e6a11a;color:#065f46;border:1px solid rgba(32,230,161,.3)}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.portal-banner-area{margin-bottom:24px;width:100%;position:relative;overflow:hidden;border-radius:12px;height:200px;background:var(--color-background-subtle)}.portal-banner-iframe{width:100%;height:200px;border:none;border-radius:12px;display:block;overflow:hidden}.portal-banner-click-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;z-index:1;border-radius:12px}.portal-banner-click-overlay:focus-visible{box-shadow:0 0 0 2px var(--color-primary);outline:none}.portal-banner{width:100%;height:200px;cursor:pointer;border-radius:12px;overflow:hidden;transition:box-shadow var(--transition-fast),opacity .5s ease-in-out}.portal-banner>*{max-height:200px;overflow:hidden}.portal-banner img{width:100%;height:auto;max-height:200px;object-fit:cover}.portal-banner:hover{box-shadow:0 4px 16px #08102314}.portal-banner:focus-visible{box-shadow:0 0 0 2px var(--color-primary);outline:none}.portal-banner-dots{display:flex;justify-content:center;gap:8px;position:absolute;bottom:12px;left:0;right:0;z-index:2}.portal-banner-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);padding:0}.portal-banner-dot--active{background:#fff;transform:scale(1.3)}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background-color:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;z-index:999;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d;text-decoration:none}.whatsapp-float svg{width:32px;height:32px;fill:#fff}.card-section{margin-bottom:32px}.portal-embedded-service{display:flex;flex-direction:column;height:calc(100vh - 88px)}.portal-embedded-service__back{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-bottom:12px;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:8px;color:var(--color-text);font-family:Mulish,sans-serif;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;width:fit-content;transition:background-color var(--transition-fast)}.portal-embedded-service__back:hover{background:var(--color-background-subtle)}.portal-embedded-service__iframe{flex:1;width:100%;border:none;border-radius:12px;background:var(--color-surface)}.card-section__title{margin-bottom:16px;font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.html-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08102399;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.html-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:800px;max-height:80vh;overflow-y:auto;padding:32px;position:relative}.html-modal__close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer}.html-modal__close:hover{color:var(--color-text)}.html-modal__content{font-family:Mulish,sans-serif;line-height:1.6}