@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.auth-layout{min-height:100vh;font-family:var(--font-family);background:var(--color-gray-50);display:flex}.auth-banner{background:linear-gradient(165deg,#0a0f2c 0%,#0d1844 20%,#101e5a 40%,#1338a0 70%,#1a47c2 85%,#1e52d0 100%);border-radius:20px;flex:0 0 46%;margin:16px;display:flex;position:relative;overflow:hidden}.auth-banner__content{z-index:2;flex-direction:column;width:100%;height:100%;padding:40px 40px 32px;display:flex;position:relative}.auth-banner__logo{align-items:center;margin-bottom:48px;display:flex}.auth-banner__logo-img{object-fit:contain;width:auto;height:28px}.auth-banner__heading{z-index:2;color:#fff;letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(32px,3.5vw,44px);font-weight:800;line-height:1.1;position:relative}.auth-banner__description{z-index:2;color:#ffffffb3;max-width:380px;margin-bottom:16px;font-size:14px;font-weight:400;line-height:1.7;position:relative}.auth-banner__tire-wrapper{pointer-events:none;z-index:1;justify-content:flex-end;align-items:center;width:50%;height:50%;display:flex;position:absolute;top:50%;right:0;overflow:visible;transform:translateY(-50%)}.auth-banner__tire{object-fit:contain;filter:drop-shadow(-20px 16px 40px #0006);width:clamp(320px,44vw,460px);height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:translate(10%)}.auth-banner:hover .auth-banner__tire{transform:translate(10%)scale(1.03)}.auth-banner__bottom{z-index:2;flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;display:flex;position:relative}.auth-banner__stats-card{-webkit-backdrop-filter:blur(16px);background:#0a0f2c8c;border:1px solid #ffffff14;border-radius:12px;max-width:200px;padding:18px 22px}.auth-banner__stats-title{color:#5eead4;margin-bottom:6px;font-size:14px;font-weight:700}.auth-banner__stats-text{color:#fff9;font-size:12px;font-weight:400;line-height:1.5}.auth-banner__trust{flex-direction:column;align-items:center;gap:8px;display:flex}.auth-banner__avatars{align-items:center;display:flex}.auth-banner__avatars-img{object-fit:contain;border-radius:0;width:auto;height:36px}.auth-banner__trust-text{color:#ffffff80;font-size:12px;font-style:italic;font-weight:400}.auth-layout__content{background:var(--color-gray-50);min-height:100vh;padding:var(--space-10) var(--space-8);flex-direction:column;flex:54%;align-items:center;display:flex;overflow-y:auto}.auth-layout__logo{width:160px;height:auto;margin-bottom:var(--space-10);flex-shrink:0}.auth-layout__body{flex-direction:column;flex:auto;justify-content:center;width:100%;max-width:440px;display:flex}.auth-layout__footer{width:100%;max-width:440px;padding-top:var(--space-8);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.auth-layout__copyright{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-400);letter-spacing:.04em;text-transform:uppercase}.auth-layout__privacy{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-400);letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition-fast);text-decoration:none}.auth-layout__privacy:hover{color:var(--color-gray-600)}@media (width<=1024px){.auth-banner{display:none}.auth-layout__content{padding:var(--space-8) var(--space-6);flex:100%}.auth-layout__body,.auth-layout__footer{max-width:400px}}@media (width<=480px){.auth-layout__content{padding:var(--space-6) var(--space-4)}.auth-layout__logo{width:130px;margin-bottom:var(--space-8)}.auth-layout__body{max-width:100%}.auth-layout__footer{gap:var(--space-2);text-align:center;flex-direction:column;max-width:100%}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{font-size:var(--font-size-xs);padding:6px var(--space-3);border-radius:var(--radius-md);height:32px}.btn--md{font-size:var(--font-size-base);padding:10px var(--space-4);border-radius:var(--radius-lg);height:40px}.btn--lg{font-size:var(--font-size-md);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);height:48px}.btn--full-width{width:100%}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn--secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--secondary:active:not(:disabled){background-color:var(--color-gray-100)}.btn--danger{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn--danger:active:not(:disabled){background-color:#991b1b;border-color:#991b1b}.btn--ghost{color:var(--color-primary);background-color:#0000;border-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--ghost:active:not(:disabled){background-color:#bfdbfe}.input-group{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.input-group__label{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-normal)}.input-group__required{color:var(--color-danger);margin-left:2px}.input-group__field{height:44px;padding:0 var(--space-3);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none;width:100%}.input-group__field::placeholder{color:var(--color-gray-400)}.input-group__field:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #2563eb1a}.input-group__field:disabled{background-color:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}.input-group--error .input-group__field{border-color:var(--color-danger)}.input-group--error .input-group__field:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #dc26261a}.input-group__error{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-danger);line-height:var(--line-height-normal);margin:0}.select-group{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.select-group__label{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:var(--line-height-normal)}.select-group__required{color:var(--color-danger);margin-left:2px}.select-group__wrapper{width:100%;position:relative}.select-group__field{width:100%;height:44px;padding:0 var(--space-10) 0 var(--space-3);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);appearance:none;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none}.select-group__field:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #2563eb1a}.select-group__field:disabled{background-color:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}.select-group__icon{right:var(--space-3);color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.select-group--error .select-group__field{border-color:var(--color-danger)}.select-group--error .select-group__field:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #dc26261a}.select-group__error{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-danger);line-height:var(--line-height-normal);margin:0}.toggle{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.toggle--disabled{opacity:.5;pointer-events:none}.toggle__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toggle__label{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);line-height:var(--line-height-normal);cursor:pointer}.toggle__description{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-normal);margin:0}.toggle__switch{cursor:pointer;flex-shrink:0;position:relative}.toggle__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.toggle__track{background-color:var(--color-gray-300);border-radius:var(--radius-full);width:44px;height:24px;transition:background-color var(--transition-base);display:block;position:relative}.toggle__thumb{background-color:var(--color-white);border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--transition-base);box-shadow:var(--shadow-sm);display:block;position:absolute;top:2px;left:2px}.toggle__input:checked+.toggle__track{background-color:var(--color-primary)}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(20px)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--color-primary);outline-offset:2px}.otp-input{gap:var(--space-3);justify-content:center;display:flex}.otp-input__field{text-align:center;width:64px;height:72px;font-family:var(--font-family);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background-color:var(--bg-input);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;caret-color:var(--color-primary);outline:none}.otp-input__field:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #2563eb1a}.otp-input__field::selection{background-color:var(--color-primary-light)}@media (width<=480px){.otp-input{gap:var(--space-2)}.otp-input__field{width:52px;height:60px;font-size:var(--font-size-xl)}}.password-strength{gap:var(--space-1);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.password-strength__bars{gap:var(--space-1);display:flex}.password-strength__bar{border-radius:var(--radius-full);background-color:var(--color-gray-200);height:4px;transition:background-color var(--transition-base);flex:1}.password-strength__bar--weak{background-color:var(--color-danger)}.password-strength__bar--fair{background-color:#f97316}.password-strength__bar--good{background-color:var(--color-warning)}.password-strength__bar--strong{background-color:var(--color-success)}.password-strength__label{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.password-strength__label--weak{color:var(--color-danger)}.password-strength__label--fair{color:#f97316}.password-strength__label--good{color:var(--color-warning)}.password-strength__label--strong{color:var(--color-success)}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;display:flex}.stat-card__content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.stat-card__title{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);line-height:var(--line-height-normal);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.stat-card__value{font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:var(--line-height-tight);margin:0}.stat-card__subtitle{align-items:center;gap:var(--space-1);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);line-height:var(--line-height-normal);margin:0;display:inline-flex}.stat-card__trend-icon{flex-shrink:0}.stat-card__icon-wrapper{border-radius:var(--radius-lg);background-color:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card__icon-wrapper.stat-card__trend--up{background-color:var(--color-success-light);color:var(--color-success)}.stat-card__icon-wrapper.stat-card__trend--down{background-color:var(--color-danger-light);color:var(--color-danger)}@media (width<=480px){.stat-card{padding:var(--space-4)}.stat-card__value{font-size:var(--font-size-2xl)}}.status-badge{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;align-items:center;display:inline-flex}.status-badge--green{background-color:var(--color-success-light);color:var(--color-success)}.status-badge--amber{background-color:var(--color-warning-light);color:#b45309}.status-badge--gray{background-color:var(--color-gray-100);color:var(--color-gray-600)}.status-badge--red{background-color:var(--color-danger-light);color:var(--color-danger)}.status-badge--orange{color:#ea580c;background-color:#fff7ed}.data-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:600px}.data-table__head{background-color:var(--color-gray-50)}.data-table__th{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table__row{background-color:var(--color-white);transition:background-color var(--transition-fast)}.data-table__row:hover{background-color:var(--color-gray-50)}.data-table__td{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-700);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);line-height:var(--line-height-normal);vertical-align:middle}.data-table__row:last-child .data-table__td{border-bottom:none}.data-table__empty{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-400);text-align:center;padding:var(--space-12) var(--space-4)}.search-bar{align-items:center;width:100%;display:flex;position:relative}.search-bar__icon{left:var(--space-3);color:var(--color-gray-400);pointer-events:none;flex-shrink:0;position:absolute}.search-bar__input{width:100%;height:40px;padding:0 var(--space-3) 0 var(--space-10);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none}.search-bar__input::placeholder{color:var(--color-gray-400)}.search-bar__input:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #2563eb1a}.login-page{width:100%}.login-page__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.login-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--space-8) 0;line-height:var(--line-height-normal)}.login-page__error{background:var(--color-danger-light);color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);line-height:var(--line-height-normal)}.login-page__form{gap:var(--space-6);flex-direction:column;display:flex}.login-page__footer-text{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;margin-top:var(--space-8)}.login-page__link{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.login-page__link:hover{color:var(--color-primary-hover)}.signup-page{width:100%}.signup-page__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.signup-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--space-8) 0;line-height:var(--line-height-normal)}.signup-page__error{background:var(--color-danger-light);color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);line-height:var(--line-height-normal)}.signup-page__form{gap:var(--space-6);flex-direction:column;display:flex}.signup-page__password-group{gap:var(--space-2);flex-direction:column;display:flex}.signup-page__checkbox-label{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.signup-page__checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.signup-page__checkbox-text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}.signup-page__msa-link{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.signup-page__msa-link:hover{color:var(--color-primary-hover)}.signup-page__footer-text{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;margin-top:var(--space-8)}.signup-page__link{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.signup-page__link:hover{color:var(--color-primary-hover)}.verify-email-page{text-align:center;width:100%}.verify-email-page__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.verify-email-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--space-8) 0;line-height:var(--line-height-normal)}.verify-email-page__subtitle strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.verify-email-page__error{background:var(--color-danger-light);color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);line-height:var(--line-height-normal);text-align:left}.verify-email-page__form{gap:var(--space-6);flex-direction:column;align-items:center;display:flex}.verify-email-page__resend-text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.verify-email-page__resend-link{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;text-decoration:underline}.verify-email-page__resend-link:hover{color:var(--color-primary-hover)}.verify-email-page__resend-link:disabled{color:var(--color-gray-400);cursor:not-allowed}.success-page{text-align:center;width:100%}.success-page__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.success-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--space-8) 0;line-height:var(--line-height-normal)}.success-page__video-wrapper{width:100%}.success-page__video-frame{border-radius:var(--radius-xl);width:100%;max-width:100%;height:auto;box-shadow:var(--shadow-lg);display:block}.success-page__action{margin-top:var(--space-8)}.onboarding-layout{min-height:100vh;font-family:var(--font-family);background:var(--bg-page);flex-direction:column;display:flex}.onboarding-navbar{height:var(--navbar-height);background:var(--bg-navbar);border-bottom:1px solid var(--border-color);padding:0 var(--space-6);z-index:20;flex-shrink:0;align-items:center;display:flex}.onboarding-navbar__logo{flex-shrink:0;width:140px;height:auto}.onboarding-navbar__search{max-width:420px;margin:0 var(--space-8);flex:auto;position:relative}.onboarding-navbar__search-icon{left:var(--space-3);color:var(--color-gray-400);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.onboarding-navbar__search-input{width:100%;height:36px;padding:0 var(--space-3) 0 36px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-gray-50);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-gray-700);transition:border-color var(--transition-fast);outline:none}.onboarding-navbar__search-input::placeholder{color:var(--color-gray-400)}.onboarding-navbar__search-input:focus{border-color:var(--border-color-focus)}.onboarding-navbar__user{align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto;display:flex}.onboarding-navbar__avatar{border-radius:var(--radius-full);background:var(--color-gray-200);width:36px;height:36px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding-navbar__user-info{line-height:var(--line-height-tight);flex-direction:column;display:flex}.onboarding-navbar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.onboarding-navbar__user-role{font-size:var(--font-size-xs);color:var(--color-gray-500)}.onboarding-body{flex:auto;display:flex;overflow:hidden}.onboarding-sidebar{width:var(--onboarding-sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:var(--space-8) var(--space-6);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.onboarding-stepper{flex-direction:column;flex:auto;gap:0;display:flex}.onboarding-step{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);border-left:2px solid #0000;display:flex;position:relative}.onboarding-step--active{border-left-color:var(--color-primary);background:var(--color-primary-light);border-left-style:dashed}.onboarding-step--completed{border-left-color:var(--color-success)}.onboarding-step__connector{border-left:2px dashed var(--color-gray-300);width:0;height:16px;position:absolute;top:100%;left:29px}.onboarding-step:last-child .onboarding-step__connector{display:none}.onboarding-step--completed .onboarding-step__connector{border-left-color:var(--color-success)}.onboarding-step__icon{border-radius:var(--radius-full);background:var(--color-gray-100);width:32px;height:32px;color:var(--color-gray-400);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding-step--active .onboarding-step__icon{background:var(--color-primary);color:var(--color-white)}.onboarding-step--completed .onboarding-step__icon{background:var(--color-success-light);color:var(--color-success)}.onboarding-step__text{flex-direction:column;gap:2px;min-width:0;display:flex}.onboarding-step__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-400);line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.onboarding-step--active .onboarding-step__title{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.onboarding-step--completed .onboarding-step__title{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.onboarding-step__subtitle{font-size:var(--font-size-xs);color:var(--color-gray-400);line-height:var(--line-height-normal)}.onboarding-step--active .onboarding-step__subtitle{color:var(--color-gray-600)}.onboarding-help{padding-top:var(--space-8);border-top:1px solid var(--border-color);margin-top:auto}.onboarding-help__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-500);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-2)}.onboarding-help__text{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.onboarding-help__link{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-danger);letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition-fast);text-decoration:none}.onboarding-help__link:hover{color:var(--color-primary-hover)}.onboarding-content{padding:var(--space-10);flex:auto;min-width:0;overflow-y:auto}.onboarding-info-panel{width:var(--onboarding-info-width);border-radius:var(--radius-xl) 0 0 var(--radius-xl);background:linear-gradient(#1338a0 0%,#1a47c2 30%,#1e52d0 60%,#2563eb 100%);flex-shrink:0;position:relative;overflow:hidden}.onboarding-info-panel__content{flex-direction:column;height:100%;padding:40px 28px 0;display:flex}.onboarding-info-panel__heading{color:#fff;margin-bottom:16px;font-size:22px;font-weight:700;line-height:1.2}.onboarding-info-panel__text{color:#ffffffb3;font-size:13px;font-weight:400;line-height:1.7}.onboarding-info-panel__spacer{flex:auto;min-height:40px}.onboarding-info-panel__image-wrapper{flex-shrink:0;margin:0 -28px}.onboarding-info-panel__image{object-fit:cover;border-radius:12px 12px 0 0;width:100%;height:auto;max-height:340px;display:block}.onboarding-footer{height:var(--navbar-height);background:var(--bg-navbar);border-top:1px solid var(--border-color);padding:0 var(--space-8);z-index:20;flex-shrink:0;align-items:center;display:flex}.onboarding-footer__copyright{font-size:var(--font-size-xs);color:var(--color-gray-400);letter-spacing:.04em;text-transform:uppercase;font-weight:var(--font-weight-medium);white-space:nowrap}.onboarding-footer__skip{margin-left:var(--space-8);font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);background:0 0;border:none;padding:0}.onboarding-footer__skip:hover{color:var(--color-primary-hover);text-decoration:underline}.onboarding-footer__actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.onboarding-footer__btn{height:40px;padding:0 var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;border:1px solid #0000;display:inline-flex}.onboarding-footer__btn--secondary{background:var(--color-white);color:var(--color-gray-700);border-color:var(--border-color)}.onboarding-footer__btn--secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.onboarding-footer__btn--primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.onboarding-footer__btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.onboarding-mobile-steps{padding:var(--space-4) var(--space-6);background:var(--bg-navbar);border-bottom:1px solid var(--border-color);display:none}.onboarding-mobile-steps__row{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.onboarding-mobile-steps__dot{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-gray-100);color:var(--color-gray-400);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding-mobile-steps__dot--active{background:var(--color-primary);color:var(--color-white)}.onboarding-mobile-steps__dot--completed{background:var(--color-success-light);color:var(--color-success)}.onboarding-mobile-steps__line{background:var(--color-gray-200);border-radius:1px;width:32px;height:2px}.onboarding-mobile-steps__line--completed{background:var(--color-success)}@media (width<=1024px){.onboarding-info-panel{display:none}.onboarding-sidebar{width:220px;padding:var(--space-6) var(--space-4)}}@media (width<=768px){.onboarding-sidebar{display:none}.onboarding-mobile-steps{display:block}.onboarding-navbar__search,.onboarding-navbar__user-info{display:none}.onboarding-content{padding:var(--space-6) var(--space-4)}.onboarding-footer{padding:0 var(--space-4);gap:var(--space-2)}.onboarding-footer__copyright{display:none}.onboarding-footer__skip{margin-left:0}.onboarding-footer__btn{height:36px;padding:0 var(--space-4);font-size:var(--font-size-xs)}}.org-profile{gap:var(--space-6);flex-direction:column;display:flex}.org-profile__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.org-profile__description{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-relaxed);max-width:560px;margin:0}.org-profile__error{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.org-profile__section{gap:var(--space-5);flex-direction:column;display:flex}.org-profile__section-header{align-items:flex-start;gap:var(--space-3);display:flex}.org-profile__section-icon{border-radius:var(--radius-lg);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.org-profile__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.org-profile__section-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:2px 0 0}.org-profile__separator{border:none;border-top:1px dashed var(--color-gray-200)}.org-profile__row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.org-profile__logo-card{align-items:center;gap:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex}.org-profile__logo-avatar{border-radius:var(--radius-full);background:var(--color-gray-100);cursor:pointer;width:56px;height:56px;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.org-profile__logo-avatar:hover{background:var(--color-gray-200)}.org-profile__logo-img{object-fit:cover;width:100%;height:100%}.org-profile__logo-camera{color:var(--color-gray-400)}.org-profile__logo-info{flex:1;min-width:0}.org-profile__logo-heading{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.org-profile__logo-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:2px 0 0}.org-profile__unit-group{gap:var(--space-3);flex-direction:column;display:flex}.org-profile__unit-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.org-profile__unit-options{gap:var(--space-6);display:flex}.org-profile__radio{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-700);display:flex}.org-profile__radio input[type=radio]{opacity:0;width:0;height:0;position:absolute}.org-profile__radio-custom{border-radius:var(--radius-full);border:2px solid var(--color-gray-300);width:18px;height:18px;transition:border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.org-profile__radio-custom:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:10px;height:10px;transition:transform var(--transition-fast);transform:scale(0)}.org-profile__radio input[type=radio]:checked~.org-profile__radio-custom{border-color:var(--color-primary)}.org-profile__radio input[type=radio]:checked~.org-profile__radio-custom:after{transform:scale(1)}.org-profile__radio input[type=radio]:focus-visible~.org-profile__radio-custom{box-shadow:0 0 0 2px var(--color-primary-light)}.org-profile__radio-text{-webkit-user-select:none;user-select:none}.org-profile__loading{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;padding:var(--space-3) 0}@media (width<=640px){.org-profile__row{grid-template-columns:1fr}.org-profile__logo-card{text-align:center;flex-direction:column}.org-profile__unit-options{gap:var(--space-3);flex-direction:column}}.security-page{gap:var(--space-6);flex-direction:column;display:flex}.security-page__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.security-page__description{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-relaxed);max-width:560px;margin:0}.security-page__error{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.security-page__section{gap:var(--space-5);flex-direction:column;display:flex}.security-page__section-header{align-items:flex-start;gap:var(--space-3);display:flex}.security-page__section-icon{border-radius:var(--radius-lg);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-page__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.security-page__section-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-relaxed);max-width:480px;margin:4px 0 0}.security-page__separator{border:none;border-top:1px dashed var(--color-gray-200)}.security-page__toggle-row{padding:var(--space-1) 0}.security-page__loading{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;padding:var(--space-3) 0}.invite-team{gap:var(--space-6);flex-direction:column;display:flex}.invite-team__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.invite-team__description{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-relaxed);max-width:560px;margin:0}.invite-team__error{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.invite-team__section{gap:var(--space-5);flex-direction:column;display:flex}.invite-team__section-header{align-items:flex-start;gap:var(--space-3);display:flex}.invite-team__section-icon{border-radius:var(--radius-lg);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.invite-team__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.invite-team__section-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:2px 0 0}.invite-team__separator{border:none;border-top:1px dashed var(--color-gray-200)}.invite-team__add-row{gap:var(--space-2);flex-direction:column;display:flex}.invite-team__add-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.invite-team__add-fields{align-items:flex-start;gap:var(--space-3);display:flex}.invite-team__email-input{flex:1;min-width:0}.invite-team__role-select{flex-shrink:0;width:160px}.invite-team__table-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.invite-team__table-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.invite-team__user-cell{align-items:center;gap:var(--space-3);display:flex}.invite-team__avatar{border-radius:var(--radius-full);background:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.invite-team__user-info{flex-direction:column;min-width:0;display:flex}.invite-team__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.invite-team__user-email{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.invite-team__delete-btn{padding:var(--space-1);color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.invite-team__delete-btn:hover{color:var(--color-danger);background:var(--color-danger-light)}.invite-team__delete-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.invite-team__loading{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;padding:var(--space-6) 0}@media (width<=640px){.invite-team__add-fields{flex-direction:column}.invite-team__role-select{width:100%}}.compliance{gap:var(--space-6);flex-direction:column;display:flex}.compliance__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.compliance__description{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-relaxed);max-width:560px;margin:0}.compliance__error{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.compliance__section{gap:var(--space-5);flex-direction:column;display:flex}.compliance__section-header{align-items:center;gap:var(--space-3);display:flex}.compliance__section-icon{border-radius:var(--radius-lg);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.compliance__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);flex:1;margin:0}.compliance__edit-btn{align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-shrink:0;display:inline-flex}.compliance__separator{border:none;border-top:1px dashed var(--color-gray-200)}.compliance__config-grid{gap:var(--space-5) var(--space-8);grid-template-columns:1fr 1fr;display:grid}.compliance__config-item{flex-direction:column;gap:2px;display:flex}.compliance__config-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:capitalize}.compliance__config-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.compliance__user-cell{align-items:center;gap:var(--space-3);display:flex}.compliance__avatar{border-radius:var(--radius-full);background:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.compliance__user-info{flex-direction:column;min-width:0;display:flex}.compliance__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.compliance__user-email{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.compliance__delete-btn{padding:var(--space-1);color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.compliance__delete-btn:hover{color:var(--color-danger);background:var(--color-danger-light)}.compliance__delete-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.compliance__legal-checks{gap:var(--space-4);flex-direction:column;display:flex}.compliance__checkbox-row{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.compliance__checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.compliance__checkbox-text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}.compliance__link{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.compliance__link:hover{text-decoration:underline}.compliance__disclosure-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0}.compliance__disclosure-text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}.compliance__loading{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;padding:var(--space-6) 0}@media (width<=640px){.compliance__config-grid{grid-template-columns:1fr}}.dashboard-layout{min-height:100vh;font-family:var(--font-family);background:var(--bg-page)}.dashboard-navbar{z-index:30;height:var(--navbar-height);background:var(--bg-navbar);border-bottom:1px solid var(--border-color);padding:0 var(--space-6);align-items:center;display:flex;position:sticky;top:0}.dashboard-navbar__hamburger{cursor:pointer;width:36px;height:36px;color:var(--color-gray-700);border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.dashboard-navbar__hamburger:hover{background:var(--color-gray-100)}.dashboard-navbar__logo{flex-shrink:0;width:140px;height:auto}.dashboard-navbar__search{max-width:420px;margin:0 var(--space-8);flex:auto;position:relative}.dashboard-navbar__search-icon{left:var(--space-3);color:var(--color-gray-400);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-navbar__search-input{width:100%;height:36px;padding:0 var(--space-3) 0 36px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-gray-50);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-gray-700);transition:border-color var(--transition-fast);outline:none}.dashboard-navbar__search-input::placeholder{color:var(--color-gray-400)}.dashboard-navbar__search-input:focus{border-color:var(--border-color-focus)}.dashboard-navbar__right{align-items:center;gap:var(--space-5);flex-shrink:0;margin-left:auto;display:flex}.dashboard-navbar__notification{cursor:pointer;width:36px;height:36px;color:var(--color-gray-500);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.dashboard-navbar__notification:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.dashboard-navbar__notification-badge{border-radius:var(--radius-full);background:var(--color-danger);border:2px solid var(--bg-navbar);width:8px;height:8px;position:absolute;top:6px;right:6px}.dashboard-navbar__user{align-items:center;gap:var(--space-3);display:flex}.dashboard-navbar__avatar{border-radius:var(--radius-full);background:var(--color-gray-200);width:36px;height:36px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-navbar__user-info{line-height:var(--line-height-tight);flex-direction:column;display:flex}.dashboard-navbar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.dashboard-navbar__user-role{font-size:var(--font-size-xs);color:var(--color-gray-500)}.dashboard-sidebar{top:var(--navbar-height);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:25;width:220px;transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.dashboard-sidebar__nav{padding:var(--space-3) 0;flex-direction:column;flex:auto;display:flex}.dashboard-sidebar__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border-left:3px solid #0000;text-decoration:none;display:flex;overflow:hidden}.dashboard-sidebar__item:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.dashboard-sidebar__item--active{border-left-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);font-weight:var(--font-weight-semibold)}.dashboard-sidebar__item--active:hover{background:var(--color-primary-light);color:var(--color-primary)}.dashboard-sidebar__icon{flex-shrink:0;width:20px;height:20px}.dashboard-sidebar__label{text-overflow:ellipsis;overflow:hidden}.dashboard-sidebar__divider{background:var(--border-color);height:1px;margin:var(--space-2) var(--space-5)}.dashboard-sidebar__bottom{padding:var(--space-3) 0;border-top:1px solid var(--border-color);flex-direction:column;margin-top:auto;display:flex}.dashboard-main{padding:var(--space-6) var(--space-8);min-height:calc(100vh - var(--navbar-height));transition:margin-left var(--transition-slow);margin-left:220px}.dashboard-overlay{display:none}.dashboard-overlay--visible{inset:0;top:var(--navbar-height);z-index:24;animation:dashboardFadeIn var(--transition-slow);background:#0f172a66;display:block;position:fixed}@keyframes dashboardFadeIn{0%{opacity:0}to{opacity:1}}@media (width>=769px) and (width<=1024px){.dashboard-sidebar{width:60px}.dashboard-sidebar__label{display:none}.dashboard-sidebar__item{padding:var(--space-3);border-left-width:0;border-radius:0;justify-content:center;gap:0}.dashboard-sidebar__item--active{background:var(--color-primary-light);border-left-width:0}.dashboard-sidebar__divider{margin:var(--space-2) var(--space-2)}.dashboard-main{margin-left:60px}.dashboard-navbar__hamburger{display:none}}@media (width<=768px){.dashboard-navbar__search,.dashboard-navbar__user-info{display:none}.dashboard-navbar__hamburger{margin-right:var(--space-3);display:flex}.dashboard-sidebar{width:260px;transition:transform var(--transition-slow);box-shadow:none;transform:translate(-100%)}.dashboard-sidebar--open{box-shadow:var(--shadow-xl);transform:translate(0)}.dashboard-main{padding:var(--space-4);margin-left:0}}.dash{gap:var(--space-6);padding:var(--space-6);flex-direction:column;max-width:1320px;display:flex}.dash-loading,.dash-error{justify-content:center;align-items:center;gap:var(--space-4);min-height:400px;color:var(--color-gray-500);font-size:var(--font-size-md);flex-direction:column;display:flex}.dash-loading__spinner{color:var(--color-primary);animation:1s linear infinite dash-spin}@keyframes dash-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dash-error{color:var(--color-danger)}.dash__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.dash__header-left{gap:var(--space-1);flex-direction:column;display:flex}.dash__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.dash__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.dash__header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.dash__stats-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.dash__card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.dash__trend-section{gap:var(--space-4);align-items:stretch;display:flex}.dash__trend-chart{flex:1;min-width:0}.dash__trend-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.dash__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.dash__period-tabs{gap:var(--space-1);background-color:var(--color-gray-50);border-radius:var(--radius-full);padding:3px;display:flex}.dash__period-tab{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000}.dash__period-tab:hover{color:var(--color-gray-700)}.dash__period-tab--active{color:var(--color-gray-900);background-color:var(--color-white);border-color:var(--border-color);box-shadow:var(--shadow-xs)}.dash__chart-container{width:100%}.dash__trend-metrics{gap:var(--space-4);flex-direction:column;flex-shrink:0;width:240px;display:flex}.dash__metric-card{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.dash__metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);margin:0}.dash__metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.dash__metric-value--blue{color:var(--color-primary)}.dash__metric-value--green{color:var(--color-success)}.dash__metric-sub{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.dash__bottom-section{gap:var(--space-4);align-items:stretch;display:flex}.dash__alerts-panel{flex:1;min-width:0}.dash__alerts-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dash__see-all{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}.dash__see-all:hover{text-decoration:underline}.dash__alerts-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.dash__alert-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color-light);display:flex}.dash__alert-item:last-child{border-bottom:none}.dash__alert-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.alert-icon--critical{background-color:var(--color-danger-light);color:var(--color-danger)}.alert-icon--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.alert-icon--info{background-color:var(--color-success-light);color:var(--color-success)}.dash__alert-content{flex:1;min-width:0}.dash__alert-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.dash__alert-detail{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:var(--space-1) 0 0}.dash__alert-time{font-size:var(--font-size-xs);color:var(--color-gray-400);white-space:nowrap;flex-shrink:0}.dash__alert-empty{text-align:center;color:var(--color-gray-400);padding:var(--space-8) 0;font-size:var(--font-size-sm)}.dash__health-panel{flex-direction:column;flex-shrink:0;width:280px;display:flex}.dash__health-chart{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.dash__health-center{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dash__health-center-label{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.dash__health-center-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.dash__health-legend{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-color-light);margin-top:var(--space-2);flex-direction:column;display:flex}.dash__health-legend-item{align-items:center;gap:var(--space-2);display:flex}.dash__health-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.dash__health-legend-label{font-size:var(--font-size-sm);color:var(--color-gray-600);flex:1}.dash__health-legend-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.dash__expiry-section{gap:var(--space-4);flex-direction:column;display:flex}.dash-table__bold{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.dash-table__cell-stack{flex-direction:column;gap:2px;display:flex}.dash-table__sub{font-size:var(--font-size-xs);color:var(--color-gray-400)}.dash-table__muted{color:var(--color-gray-400);font-size:var(--font-size-sm)}.dash-table__pressure{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.dash-table__pressure--danger{font-weight:var(--font-weight-semibold);color:var(--color-danger)}@media (width<=1024px){.dash__stats-row{grid-template-columns:repeat(2,1fr)}.dash__trend-section{flex-direction:column}.dash__trend-metrics{flex-direction:row;width:100%}.dash__bottom-section{flex-direction:column}.dash__health-panel{width:100%}}@media (width<=768px){.dash{padding:var(--space-4);gap:var(--space-4)}.dash__header{flex-direction:column;align-items:stretch}.dash__header-actions{width:100%}.dash__header-actions .btn{flex:1}.dash__stats-row{-webkit-overflow-scrolling:touch;grid-template-columns:1fr 1fr;overflow-x:auto}.dash__trend-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.dash__trend-metrics{flex-direction:column}}@media (width<=480px){.dash__stats-row{grid-template-columns:1fr}.dash__title{font-size:var(--font-size-xl)}}.proc{gap:var(--space-6);padding:var(--space-6);flex-direction:column;max-width:1320px;display:flex}.proc-loading,.proc-error{justify-content:center;align-items:center;gap:var(--space-4);min-height:400px;color:var(--color-gray-500);font-size:var(--font-size-md);flex-direction:column;display:flex}.proc-loading__spinner{color:var(--color-primary);animation:1s linear infinite proc-spin}@keyframes proc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.proc-error{color:var(--color-danger)}.proc__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.proc__header-left{gap:var(--space-1);flex-direction:column;display:flex}.proc__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.proc__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.proc__header-actions{flex-shrink:0}.proc__stats-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.proc__card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.proc__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--space-4)}.proc__main{gap:var(--space-4);align-items:flex-start;display:flex}.proc__requisitions{flex:1;min-width:0;overflow:hidden}.proc__fulfilment{flex-shrink:0;width:280px}.proc__fulfilment-form{gap:var(--space-4);flex-direction:column;display:flex}.proc__date-field{position:relative}.proc__date-icon{color:var(--color-gray-400);pointer-events:none;position:absolute;bottom:12px;right:12px}.proc-table__bold{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.proc-table__cell-stack{flex-direction:column;gap:2px;display:flex}.proc-table__sub{font-size:var(--font-size-xs);color:var(--color-gray-400)}.proc-table__muted{color:var(--color-gray-400);font-size:var(--font-size-sm)}.proc-table__manage-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0}.proc-table__manage-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media (width<=1024px){.proc__stats-row{grid-template-columns:repeat(2,1fr)}.proc__main{flex-direction:column}.proc__fulfilment{width:100%}}@media (width<=768px){.proc{padding:var(--space-4);gap:var(--space-4)}.proc__header{flex-direction:column;align-items:stretch}.proc__header-actions,.proc__header-actions .btn{width:100%}}@media (width<=480px){.proc__stats-row{grid-template-columns:1fr}.proc__title{font-size:var(--font-size-xl)}}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-primary-dark:#1e40af;--color-navy:#0f172a;--color-navy-light:#1e293b;--color-navy-600:#0b1a3b;--color-dark-blue:#0d1f4b;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#6366f1;--color-info-light:#e0e7ff;--bg-page:#f8fafc;--bg-card:#fff;--bg-sidebar:#fff;--bg-navbar:#fff;--bg-input:#fff;--bg-banner:linear-gradient(180deg, #0d1f4b 0%, #1a3a8f 50%, #2563eb 100%);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--border-color-focus:#2563eb;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:260px;--navbar-height:60px;--onboarding-sidebar-width:280px;--onboarding-info-width:300px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--bg-page);min-height:100vh}#root{min-height:100vh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-family);background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font-family);outline:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-muted{color:var(--color-gray-500)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}