@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%}}.avatar{background:var(--color-gray-200);border-radius:var(--radius-full);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;overflow:hidden}.avatar__img{object-fit:cover;width:100%;height: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}.modal__overlay{z-index:200;padding:var(--space-6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade-in var(--transition-base);background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-xl);animation:modal-rise var(--transition-slow) cubic-bezier(.16, 1, .3, 1);position:relative}.modal--sm{max-width:380px}.modal--md{max-width:520px}.modal--lg{max-width:760px}.modal--xl{max-width:1100px}.modal__close{top:var(--space-4);right:var(--space-4);z-index:1;border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-gray-700);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.modal__close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.modal__overlay{padding:var(--space-4)}}.pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex;position:relative}.pagination__pages{align-items:center;gap:var(--space-2);display:flex}.pagination__arrow,.pagination__page{min-width:32px;height:32px;padding:0 var(--space-2);background:var(--bg-card);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-500);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:flex}.pagination__arrow{border-color:var(--border-color);color:var(--color-gray-700)}.pagination__arrow:hover:not(:disabled),.pagination__page:hover:not(.pagination__page--active){background:var(--color-gray-100);color:var(--color-gray-900)}.pagination__arrow:disabled{cursor:not-allowed;opacity:.45}.pagination__page--active{border-color:var(--color-success);color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.pagination__ellipsis{text-align:center;min-width:20px;color:var(--color-gray-400)}.pagination__size{appearance:none;right:var(--space-5);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);background:var(--bg-card) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right var(--space-2) center;border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-700);cursor:pointer;position:absolute}@media (width<=768px){.pagination{gap:var(--space-3);flex-direction:column}.pagination__size{position:static}}.row-menu{justify-content:center;display:flex;position:relative}.row-menu__trigger{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-gray-600);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.row-menu__trigger:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.row-menu__panel{z-index:120;padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:row-menu-drop var(--transition-fast) ease-out;flex-direction:column;display:flex;position:fixed}@keyframes row-menu-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.row-menu__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none}.row-menu__item:hover{background:var(--color-gray-100)}.row-menu__item--danger{color:var(--color-danger)}.row-menu__item--danger:hover{background:var(--color-danger-light)}.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__version{font-size:var(--font-size-xs);color:var(--color-gray-400);text-align:center;margin:var(--space-4) 0 0 0;letter-spacing:.02em}.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)}.login-page__password-group{gap:var(--space-2);flex-direction:column;display:flex}.login-page__forgot-password-container{margin-top:calc(-1 * var(--space-1));justify-content:flex-end;display:flex}.login-page__forgot-link{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-normal)}.login-page__forgot-link:hover{color:var(--color-primary);text-decoration:underline}.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__banner{background:var(--color-warning-light);color:var(--color-warning);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__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__notice{background:var(--color-success-light);color:var(--color-success);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)}.forgot-password-page{width:100%}.forgot-password-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);text-align:center}.forgot-password-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);text-align:center}.forgot-password-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)}.forgot-password-page__form{gap:var(--space-6);flex-direction:column;display:flex}.forgot-password-page__sent-state{flex-direction:column;display:flex}.forgot-password-page__footer-text{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;margin-top:var(--space-8)}.forgot-password-page__link{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.forgot-password-page__link:hover{color:var(--color-primary-hover);text-decoration:underline}.reset-password-page{width:100%}.reset-password-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);text-align:center}.reset-password-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);text-align:center}.reset-password-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)}.reset-password-page__form{gap:var(--space-6);flex-direction:column;display:flex}.reset-password-page__password-group,.reset-password-page__token-group{flex-direction:column;gap:0;display:flex}.reset-password-page__helper-text{font-size:var(--font-size-xs);color:var(--color-gray-400);line-height:var(--line-height-normal);margin-top:4px;margin-bottom:0}.reset-password-page__resend-link{font-family:var(--font-family);font-size:var(--font-size-xs);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}.reset-password-page__resend-link:hover{color:var(--color-primary-hover)}.reset-password-page__resend-link:disabled{color:var(--color-gray-400);cursor:not-allowed}.reset-password-page__notice{background:var(--color-success-light);color:var(--color-success);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)}.reset-password-page__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;animation:fadeIn var(--transition-base);background-color:#0f172ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reset-password-page__modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8) var(--space-8) var(--space-6);width:90%;max-width:400px;animation:scaleUp var(--transition-base);flex-direction:column;align-items:center;display:flex;position:relative}.reset-password-page__modal-close{top:var(--space-4);right:var(--space-4);color:var(--color-gray-400);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:24px;line-height:1;position:absolute}.reset-password-page__modal-close:hover{color:var(--color-gray-700)}.reset-password-page__modal-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2);text-align:center}.reset-password-page__modal-text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-6);text-align:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.onboarding-layout{min-height:100vh;font-family:var(--font-family);background:var(--bg-page);flex-direction:column;display:flex}.onboarding-boot{background:var(--bg-page);min-height:100vh}.onboarding-boot--error{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6);font-family:var(--font-family);text-align:center;flex-direction:column;display:flex}.onboarding-boot__message{color:var(--color-gray-900);font-size:var(--font-size-md)}.onboarding-boot__actions{gap:var(--space-3);display:flex}.onboarding-boot__retry,.onboarding-boot__skip{cursor:pointer;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500}.onboarding-boot__retry{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.onboarding-boot__skip{color:var(--color-gray-600);border:1px solid var(--border-color);background:0 0}.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__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__warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning);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%}}.legal-modal{background-color:var(--bg-card);border-radius:var(--radius-xl);flex-direction:column;height:80vh;max-height:720px;display:flex;overflow:hidden}.legal-modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);background-color:var(--color-gray-50);padding-right:var(--space-12);flex-shrink:0}.legal-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-navy);margin:0;line-height:1.3}.legal-modal__subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:var(--space-1) 0 0 0;font-weight:var(--font-weight-medium)}.legal-modal__body{padding:var(--space-6);background-color:var(--bg-card);scroll-behavior:smooth;flex:1;overflow-y:auto}.legal-modal__body::-webkit-scrollbar{width:8px}.legal-modal__body::-webkit-scrollbar-track{background:var(--color-gray-100)}.legal-modal__body::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.legal-modal__body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.legal-modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background-color:var(--color-gray-50);justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.legal-modal__footer-status{flex:1}.legal-modal__status-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.legal-modal__status-text--pending{color:var(--color-gray-500)}.legal-modal__status-text--ready{color:var(--color-success);font-weight:var(--font-weight-semibold)}.legal-modal__footer-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.legal-modal__btn--disabled{opacity:.55!important;cursor:not-allowed!important;background-color:var(--color-gray-300)!important;border-color:var(--color-gray-300)!important;color:var(--color-gray-600)!important;box-shadow:none!important}@media (width<=640px){.legal-modal{height:85vh}.legal-modal__footer{align-items:stretch;gap:var(--space-3);flex-direction:column}.legal-modal__footer-actions{justify-content:flex-end}}.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,.compliance__link-btn{color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.compliance__link:hover,.compliance__link-btn:hover{color:var(--color-primary-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}}.legal-layout{background-color:var(--bg-page);min-height:100vh;color:var(--color-gray-900);font-family:var(--font-family);flex-direction:column;display:flex}.legal-navbar{height:var(--navbar-height);background-color:var(--bg-navbar);border-bottom:1px solid var(--border-color);padding:0 var(--space-6);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.legal-navbar__left{align-items:center;display:flex}.legal-navbar__logo{object-fit:contain;width:auto;height:28px}.legal-navbar__search{width:100%;max-width:400px;position:relative}.legal-navbar__search-icon{color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.legal-navbar__search-input{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:36px;font-size:var(--font-size-sm);color:var(--color-gray-800);transition:border-color var(--transition-fast), background-color var(--transition-fast);outline:none;padding-left:36px;padding-right:12px}.legal-navbar__search-input:focus{background-color:var(--color-white);border-color:var(--color-primary)}.legal-navbar__right{align-items:center;gap:var(--space-4);display:flex}.legal-navbar__user{align-items:center;gap:var(--space-3);display:flex}.legal-navbar__user-info{flex-direction:column;display:flex}.legal-navbar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:1.2}.legal-navbar__user-role{font-size:var(--font-size-xs);color:var(--color-gray-500)}.legal-container{width:100%;max-width:1100px;padding:var(--space-6);flex:1;margin:0 auto}.legal-banner{border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8);text-align:center;box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);background:linear-gradient(135deg,#cfe2fe 0%,#e2edff 50%,#d0e1fd 100%);border:1px solid #2563eb26}.legal-banner__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:#0f172a;margin:0 0 var(--space-2) 0;letter-spacing:-.02em}.legal-banner__subtitle{font-size:var(--font-size-base);color:#334155;font-weight:var(--font-weight-medium);margin:0}.legal-banner__badges{justify-content:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.legal-banner__badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#1e40af;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:#ffffffd9;border:1px solid #2563eb33}.legal-content{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:var(--space-8);box-shadow:var(--shadow-sm)}.legal-footer{text-align:center;padding:var(--space-6) var(--space-4);border-top:1px solid var(--border-color-light);margin-top:auto}.legal-footer__text{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}@media (width<=768px){.legal-navbar__search{display:none}.legal-container{padding:var(--space-4)}.legal-banner{padding:var(--space-6) var(--space-4)}.legal-banner__title{font-size:var(--font-size-2xl)}.legal-content{padding:var(--space-4)}}.legal-doc__alert{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.legal-doc__alert--success{background-color:var(--color-success-light);color:#15803d;border:1px solid #16a34a4d}.legal-doc__notice-banner{color:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#2563eb}.legal-doc__notice-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase;display:block}.legal-doc__notice-text{font-size:var(--font-size-sm);margin:0;line-height:1.6}.legal-doc__section{gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color-light);flex-direction:column;display:flex}.legal-doc__section:last-child{border-bottom:none;padding-bottom:0}.legal-doc__heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-navy);letter-spacing:-.01em;margin:0}.legal-doc__subheading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:var(--space-4) 0 0 0}.legal-doc__paragraph{font-size:var(--font-size-base);color:var(--color-gray-700);margin:0}.legal-doc__cards-grid{gap:var(--space-4);margin-top:var(--space-2);flex-direction:column;display:flex}.legal-doc__card{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.legal-doc__card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-navy);margin:0 0 var(--space-1) 0;letter-spacing:.02em}.legal-doc__card-text{font-size:var(--font-size-xs);color:var(--color-gray-700);margin:0;line-height:1.5}.legal-doc__table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;margin-top:var(--space-2);overflow-x:auto}.legal-doc__table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs);text-align:left}.legal-doc__table th{background-color:var(--color-gray-100);color:var(--color-gray-800);font-weight:var(--font-weight-bold);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.03em}.legal-doc__table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);color:var(--color-gray-700);vertical-align:top;line-height:1.5}.legal-doc__table tr:last-child td{border-bottom:none}.legal-doc__td-label{font-weight:var(--font-weight-semibold);color:var(--color-navy);background-color:var(--color-gray-50);width:30%}.legal-doc__list{padding-left:var(--space-6);gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-700);flex-direction:column;margin:0;display:flex}.legal-doc__info-box{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--font-size-xs);color:var(--color-gray-800);line-height:1.6}.legal-doc__info-box--warning{background-color:var(--color-warning-light);border-color:#f59e0b4d;border-left:4px solid var(--color-warning);color:#78350f}.legal-doc__actions{margin-top:var(--space-6);justify-content:flex-end;display:flex}.legal-doc{gap:var(--space-8);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-800);flex-direction:column;display:flex}.privacy-toc{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.privacy-toc__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-navy);margin:0 0 var(--space-3) 0}.privacy-toc__list{padding-left:var(--space-5);font-size:var(--font-size-xs);color:var(--color-gray-700);margin:0}.privacy-toc__list ol{margin:var(--space-1) 0;padding-left:var(--space-5)}.privacy-toc__list a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}.privacy-toc__list a:hover{color:var(--color-primary-hover);text-decoration:underline}.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__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)}}.new-req{gap:var(--space-6);padding:var(--space-6);max-width:1200px;min-height:calc(100vh - var(--navbar-height) - var(--space-12));flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.new-req__back{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);transition:color var(--transition-fast);padding:var(--space-1) 0;background:0 0;border:none;width:fit-content;display:inline-flex}.new-req__back:hover{color:var(--color-gray-900)}.new-req__card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);z-index:2;width:100%;max-width:600px}.new-req__header{margin-bottom:var(--space-8)}.new-req__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.new-req__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.new-req__error{background-color:var(--color-danger-light);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.new-req__form{gap:var(--space-6);flex-direction:column;display:flex}.new-req__actions{margin-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.new-req__actions-right{align-items:center;gap:var(--space-6);display:flex}.new-req__draft-btn{cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);transition:color var(--transition-fast);padding:var(--space-2) var(--space-1);background:0 0;border:none}.new-req__draft-btn:hover{color:var(--color-gray-900)}.new-req__draft-btn:disabled{color:var(--color-gray-400);cursor:not-allowed}.new-req__tyre-bg{pointer-events:none;z-index:1;background-image:url(/assets/tire-wheel.png);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:480px;height:480px;position:absolute;bottom:-150px;right:-100px}.new-req__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172abf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.new-req__modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);text-align:center;width:90%;max-width:400px;position:relative}.new-req__modal-close{top:var(--space-4);right:var(--space-4);color:var(--color-gray-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.new-req__modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.new-req__modal-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:var(--space-2) 0 var(--space-2) 0}.new-req__modal-text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--space-6) 0}@media (width<=768px){.new-req{padding:var(--space-4)}.new-req__card{padding:var(--space-6)}.new-req__actions{flex-direction:column-reverse;align-items:stretch}.new-req__actions-right{align-items:stretch;gap:var(--space-3);flex-direction:column-reverse}.new-req__draft-btn{text-align:center}.new-req__tyre-bg{display:none}}.req-det{gap:var(--space-6);padding:var(--space-6);flex-direction:column;max-width:1320px;margin:0 auto;display:flex}.req-det-loading,.req-det-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}.req-det-loading__spinner{color:var(--color-primary);animation:1s linear infinite req-det-spin}@keyframes req-det-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.req-det-error{color:var(--color-danger)}.req-det__error-banner{background-color:var(--color-danger-light);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg)}.req-det__top-bar{justify-content:space-between;align-items:center;display:flex}.req-det__back{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);transition:color var(--transition-fast);padding:var(--space-1) 0;background:0 0;border:none;display:inline-flex}.req-det__back:hover{color:var(--color-gray-900)}.req-det__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.req-det__header-left{flex-direction:column;gap:2px;display:flex}.req-det__id-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);letter-spacing:.05em}.req-det__id{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.req-det__header-actions{align-items:center;gap:var(--space-4);display:flex}.req-det__cancel-btn{background-color:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;align-items:center;height:42px;display:flex}.req-det__cancel-btn:hover{background-color:#fca5a5}.req-det__cancel-btn:active{transform:scale(.98)}.req-det__content{gap:var(--space-6);grid-template-columns:2fr 1fr;align-items:flex-start;display:grid}.req-det__card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.req-det__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-6) 0;border-bottom:1px solid var(--border-color-light);padding-bottom:var(--space-4)}.req-det__details-body{gap:var(--space-8);align-items:center;display:flex}.req-det__image-wrapper{background-color:var(--color-gray-50);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.req-det__tyre-img{object-fit:contain;max-width:90%;max-height:90%}.req-det__grid{gap:var(--space-5) var(--space-8);flex-grow:1;grid-template-columns:repeat(2,1fr);display:grid}.req-det__field{gap:var(--space-1);flex-direction:column;display:flex}.req-det__field--full-width{grid-column:span 2}.req-det__label{font-size:var(--font-size-sm);color:var(--color-gray-400);font-weight:var(--font-weight-medium)}.req-det__value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.req-det__timeline{flex-direction:column;display:flex}.req-det__timeline-item{padding-left:var(--space-10);padding-bottom:var(--space-8);position:relative}.req-det__timeline-item:after{content:"";border-left:2px dashed var(--color-gray-200);position:absolute;top:32px;bottom:0;left:15px}.req-det__timeline-item:last-child{padding-bottom:0}.req-det__timeline-item:last-child:after{display:none}.req-det__timeline-icon{border-radius:var(--radius-md);z-index:2;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;left:0}.req-det__timeline-icon--success{background-color:var(--color-success-light);color:var(--color-success)}.req-det__timeline-icon--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.req-det__timeline-icon--pending{background-color:var(--color-gray-100);color:var(--color-gray-400)}.req-det__timeline-content{flex-direction:column;gap:2px;display:flex}.req-det__timeline-heading{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.req-det__timeline-heading--success{color:var(--color-success)}.req-det__timeline-heading--danger{color:var(--color-danger)}.req-det__timeline-heading--pending{color:var(--color-gray-400)}.req-det__timeline-sub{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.req-det__timeline-date{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:4px}.req-det__timeline-remark{font-size:var(--font-size-xs);color:var(--color-gray-600);background-color:var(--color-gray-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin:var(--space-2) 0 0 0;border-left:3px solid var(--border-color);font-style:italic}.req-det__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172abf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.req-det__modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);text-align:center;flex-direction:column;align-items:center;width:90%;max-width:440px;display:flex;position:relative}.req-det__modal-close{top:var(--space-4);right:var(--space-4);color:var(--color-gray-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.req-det__modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.req-det__modal-icon-wrapper{border-radius:var(--radius-full);width:48px;height:48px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.req-det__modal-icon-wrapper--success{background-color:var(--color-success-light);color:var(--color-success)}.req-det__modal-icon-wrapper--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.req-det__modal-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.req-det__modal-text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--space-6) 0;line-height:var(--line-height-normal)}.req-det__modal-field{text-align:left;width:100%;margin-bottom:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.req-det__modal-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.req-det__modal-textarea{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;min-height:100px;padding:var(--space-3);font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-900);resize:vertical;transition:border-color var(--transition-fast)}.req-det__modal-textarea:focus{border-color:var(--border-color-focus);outline:none}.req-det__modal-actions{gap:var(--space-4);width:100%;display:flex}.req-det__modal-actions .btn{flex:1}@media (width<=1024px){.req-det__content{grid-template-columns:1fr}}@media (width<=768px){.req-det{padding:var(--space-4)}.req-det__card{padding:var(--space-5)}.req-det__header{flex-direction:column;align-items:flex-start}.req-det__header-actions{align-items:stretch;gap:var(--space-3);flex-direction:column;width:100%}.req-det__cancel-btn{justify-content:center;width:100%}.req-det__details-body{gap:var(--space-6);flex-direction:column}.req-det__image-wrapper{width:120px;height:120px}}@media (width<=480px){.req-det__grid{gap:var(--space-4);grid-template-columns:1fr}.req-det__field--full-width{grid-column:span 1}.req-det__id{font-size:var(--font-size-2xl)}}.tyre{gap:var(--space-5);padding:var(--space-6);flex-direction:column;max-width:1320px;display:flex}.tyre-loading,.tyre-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}.tyre-loading__spinner{color:var(--color-primary);animation:1s linear infinite tyre-spin}.tyre-error{color:var(--color-danger)}@keyframes tyre-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tyre__header{gap:var(--space-1);flex-direction:column;display:flex}.tyre__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.01em;margin:0}.tyre__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.tyre__stats-row{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tyre__stat-card .stat-card__icon-wrapper{width:auto;height:auto;color:var(--tyre-stat-icon,var(--color-primary));background:0 0}.tyre__stat-card .stat-card__value{font-size:var(--font-size-2xl)}.tyre__section-title{margin:var(--space-1) 0 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.tyre__empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:310px;padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;display:flex}.tyre__empty-icon{width:40px;height:40px;margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.tyre__empty-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.tyre__empty-text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.tyre__overview{gap:var(--space-6);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;display:flex}.tyre__vehicle-row{align-items:center;gap:var(--space-5);display:flex}.tyre__vehicle-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800);white-space:nowrap}.tyre__overview-body{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.tyre__diagram{gap:var(--space-5);padding-top:var(--space-2);flex-direction:column;display:flex}.tyre__axle{gap:var(--space-3);grid-template-columns:repeat(2,78px) minmax(40px,1fr) repeat(2,78px);justify-content:center;align-items:center;display:grid}.tyre__axle-bar{background:var(--color-gray-200);width:100%;max-width:150px;height:1px;margin:0 auto}.tyre__cell{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;height:108px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.tyre__cell:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tyre__cell:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tyre__cell--empty{cursor:default;pointer-events:none;background:0 0;border:none}.tyre__cell-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-500);transition:color var(--transition-fast)}.tyre__cell-dot{border-radius:var(--radius-full);width:6px;height:6px;position:absolute;top:10px;right:10px}.tyre__cell--warning .tyre__cell-dot{background:var(--color-warning)}.tyre__cell--critical .tyre__cell-dot{background:var(--color-danger)}.tyre__cell--due .tyre__cell-dot{background:var(--color-info)}.tyre__cell--selected,.tyre__cell--selected:hover{border-color:var(--color-success);background:#f0fdf4;box-shadow:0 0 0 1px #16a34a2e}.tyre__cell--selected .tyre__cell-label{color:var(--color-success);font-weight:var(--font-weight-semibold)}.tyre__side{gap:var(--space-5);flex-direction:column;display:flex}.tyre__panel{gap:var(--space-3);padding:var(--space-5);background:var(--bg-page);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);flex-direction:column;display:flex}.tyre__panel-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.tyre__panel-divider{border-top:1px dashed var(--color-gray-300);height:0}.tyre__panel-empty{padding:var(--space-6) 0;text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.tyre-gauge{padding:var(--space-2) 0 var(--space-1);justify-content:center;display:flex;position:relative}.tyre-gauge__svg{max-width:220px}.tyre-gauge__track{stroke:var(--color-gray-200)}.tyre-gauge__fill{stroke:var(--color-primary);transition:stroke-dasharray var(--transition-slow) ease}.tyre-gauge__value{bottom:var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);position:absolute;left:50%;transform:translate(-50%)}.tyre__metrics{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.tyre__metric{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tyre__metric dt{font-size:var(--font-size-base);color:var(--color-gray-500)}.tyre__metric dd{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.tyre__forecast-title{margin:var(--space-2) 0 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.tyre__forecast-bar{border-radius:var(--radius-full);background:var(--color-primary-light);height:8px;overflow:hidden}.tyre__forecast-fill{border-radius:var(--radius-full);background:var(--color-primary);height:100%;transition:width var(--transition-slow) ease;display:block}.tyre__forecast-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.tyre__forecast-label{font-size:var(--font-size-base);color:var(--color-gray-500)}.tyre__forecast-values{gap:var(--space-1);text-align:right;flex-direction:column;display:flex}.tyre__forecast-values strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.tyre__map{border-radius:var(--radius-md);position:relative;overflow:hidden}.tyre__map-expand{right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-sm);background:var(--color-white);width:30px;height:30px;color:var(--color-gray-900);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.tyre__map-expand:hover{background:var(--color-gray-100);transform:scale(1.05)}.tyre__map .tyre-map__frame{filter:grayscale(.85)contrast(.95);border:0;width:100%;height:260px;display:block}.tyre-map-modal__body{padding:var(--space-10) var(--space-5) var(--space-5)}.tyre-map-modal__body .tyre-map__frame{border-radius:var(--radius-md);filter:grayscale(.85)contrast(.95);border:0;width:100%;height:min(70vh,620px);display:block}.tyre__telemetry{gap:var(--space-6);grid-template-columns:380px minmax(0,1fr);align-items:start;display:grid}.tyre__filters{gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.tyre__field{gap:var(--space-2);flex-direction:column;display:flex}.tyre__field-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.tyre__field-control{display:block;position:relative}.tyre__date-input{width:100%;height:44px;padding:0 40px 0 var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.tyre__date-input:focus{border-color:var(--border-color-focus);outline:none;box-shadow:0 0 0 3px #2563eb1f}.tyre__date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:40px;height:100%;position:absolute;right:0}.tyre__field-icon{top:50%;right:var(--space-4);color:var(--color-gray-500);pointer-events:none;position:absolute;transform:translateY(-50%)}.tyre__checkboxes{gap:var(--space-4);flex-wrap:wrap;display:flex}.tyre__checkbox{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.tyre__checkbox input{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer}.tyre__filter-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:0}.tyre__filter-actions{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tyre__chart-card{padding:var(--space-5) var(--space-4) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative}.tyre__chart-overlay{z-index:1;border-radius:var(--radius-lg);background:#ffffffa6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tyre__legend{justify-content:center;gap:var(--space-5);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.tyre__legend-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-600);display:inline-flex}.tyre__legend-dot{border-radius:var(--radius-full);width:8px;height:8px}.vehicle-select{width:270px;position:relative}.vehicle-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;height:44px;padding:0 var(--space-4);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.vehicle-select__trigger:hover:not(:disabled){border-color:var(--color-gray-300)}.vehicle-select__trigger--open{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #2563eb1f}.vehicle-select__trigger:disabled{cursor:not-allowed;opacity:.6}.vehicle-select__value--placeholder{color:var(--color-gray-400)}.vehicle-select__chevron{color:var(--color-gray-500);transition:transform var(--transition-fast);flex-shrink:0}.vehicle-select__trigger--open .vehicle-select__chevron{transform:rotate(180deg)}.vehicle-select__menu{z-index:40;width:100%;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:vehicle-select-in var(--transition-fast) ease;position:absolute;top:calc(100% + 6px);left:0}@keyframes vehicle-select-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vehicle-select__search{margin-bottom:var(--space-2);position:relative}.vehicle-select__search-icon{top:50%;left:var(--space-3);color:var(--color-gray-400);pointer-events:none;position:absolute;transform:translateY(-50%)}.vehicle-select__search-input{width:100%;height:38px;padding:0 var(--space-3) 0 34px;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md)}.vehicle-select__search-input:focus{border-color:var(--border-color-focus);outline:none}.vehicle-select__list{max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.vehicle-select__option{width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:block}.vehicle-select__option:hover{background:var(--color-gray-100)}.vehicle-select__option--active{color:var(--color-primary);font-weight:var(--font-weight-medium)}.vehicle-select__empty{padding:var(--space-4) var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-500)}@media (width<=1180px){.tyre__stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tyre__overview-body,.tyre__telemetry{grid-template-columns:minmax(0,1fr)}.tyre__telemetry{gap:var(--space-5)}.tyre__filters{max-width:420px}}@media (width<=760px){.tyre{padding:var(--space-4)}.tyre__stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tyre__overview{padding:var(--space-4)}.tyre__vehicle-row{align-items:stretch;gap:var(--space-2);flex-direction:column}.vehicle-select{width:100%}.tyre__axle{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr)) 16px repeat(2,minmax(0,1fr))}.tyre__cell{height:76px}}@media (width<=480px){.tyre__stats-row{grid-template-columns:minmax(0,1fr)}}.insp{gap:var(--space-5);padding:var(--space-6);flex-direction:column;max-width:1320px;display:flex}.insp-loading,.insp-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}.insp-loading__spinner{color:var(--color-primary);animation:1s linear infinite insp-spin}.insp-error{color:var(--color-danger)}@keyframes insp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insp__back{align-items:center;gap:var(--space-3);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-gray-900);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;display:inline-flex}.insp__back-icon{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);width:34px;height:34px;color:var(--color-gray-900);transition:background var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.insp__back:hover .insp__back-icon{background:var(--color-gray-100);transform:translate(-2px)}.insp__vehicle{gap:var(--space-1);flex-direction:column;display:flex}.insp__vehicle-label{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.insp__vehicle-type{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:.01em;margin:0}.insp__strip{gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.insp__strip-item{gap:var(--space-1);min-width:0;padding-right:var(--space-4);border-right:1px solid var(--border-color-light);flex-direction:column;display:flex}.insp__strip-item:last-child{border-right:none;padding-right:0}.insp__strip-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.insp__strip-value{font-size:var(--font-size-base);color:var(--color-gray-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.insp__strip-value--strong{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.insp__error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-danger);margin:0;display:flex}.insp__card{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.insp__measurements{gap:var(--space-5) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.insp__field--new-row{grid-column:1}.insp__signoff{gap:var(--space-5) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.insp__field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.insp__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.insp__input,.insp__textarea{width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.insp__input{height:46px;padding:0 var(--space-4)}.insp__textarea{padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--line-height-relaxed)}.insp__input::placeholder,.insp__textarea::placeholder{color:var(--color-gray-400)}.insp__input:focus,.insp__textarea:focus{border-color:var(--border-color-focus);outline:none;box-shadow:0 0 0 3px #2563eb1f}.insp__input--readonly,.insp__input--readonly:disabled{background:var(--color-gray-200);color:var(--color-gray-600);cursor:not-allowed}.insp__input--error{border-color:var(--color-danger)}.insp__field-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:0}.insp__input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.insp__input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.insp__input[type=number]{appearance:textfield}.insp__remarks-row{gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.insp__remarks{gap:var(--space-5) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.insp__action-stack{gap:var(--space-4);flex-direction:column;display:flex}.insp__amount{background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:46px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex;overflow:hidden}.insp__amount:focus-within{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #2563eb1f}.insp__amount--error{border-color:var(--color-danger)}.insp__amount-prefix{height:100%;padding:0 var(--space-3) 0 var(--space-4);border-right:1px solid var(--border-color);font-size:var(--font-size-base);color:var(--color-gray-500);align-items:center;display:flex}.insp__amount-input{min-width:0;height:100%;padding:0 var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background:0 0;border:none;flex:1}.insp__amount-input:focus{outline:none}.insp__history-title{margin:0 0 var(--space-5);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.insp__timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.insp__timeline-item{gap:var(--space-4);padding-bottom:var(--space-8);display:flex;position:relative}.insp__timeline-item:after{content:"";border-left:2px dashed var(--color-gray-300);width:0;height:calc(100% - 42px);position:absolute;top:38px;left:17px}.insp__timeline-item:last-child{padding-bottom:0}.insp__timeline-item:last-child:after{display:none}.insp__timeline-icon{border-radius:var(--radius-lg);background:var(--color-gray-100);width:36px;height:36px;color:var(--color-gray-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.insp__timeline-item--complete .insp__timeline-icon{background:var(--color-success-light);color:var(--color-success)}.insp__timeline-item--rejected .insp__timeline-icon{background:var(--color-danger-light);color:var(--color-danger)}.insp__timeline-content{gap:var(--space-1);padding-top:var(--space-1);flex-direction:column;display:flex}.insp__timeline-stage{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);margin:0}.insp__timeline-item--complete .insp__timeline-stage{color:var(--color-success)}.insp__timeline-item--rejected .insp__timeline-stage{color:var(--color-danger)}.insp__timeline-note{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;font-style:italic}.insp__footer-divider{height:0;margin-top:var(--space-2);border-top:1px dashed var(--color-gray-300)}.insp__footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);display:flex}.insp__success{gap:var(--space-2);padding:var(--space-10) var(--space-6) var(--space-6);flex-direction:column;display:flex}.insp__success-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.insp__success-text{margin:0 0 var(--space-4);font-size:var(--font-size-base);color:var(--color-gray-500)}@media (width<=1180px){.insp__strip{row-gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr))}.insp__strip-item:nth-child(4n){border-right:none;padding-right:0}.insp__remarks-row{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.insp{padding:var(--space-4)}.insp__strip{grid-template-columns:repeat(2,minmax(0,1fr))}.insp__strip-item{border-right:none;padding-right:0}.insp__measurements,.insp__signoff,.insp__remarks{grid-template-columns:minmax(0,1fr)}.insp__field--new-row{grid-column:auto}}.pos-diagram{gap:var(--space-6);flex-direction:column;align-items:center;display:flex}.pos-diagram__axle{align-items:center;gap:var(--space-2);grid-template-columns:repeat(2,78px) 74px repeat(2,78px);display:grid}.pos-diagram__bar{background:var(--color-gray-200);height:1px}.pos-diagram__cell{justify-content:center;align-items:center;gap:var(--space-1);height:112px;padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.pos-diagram__cell--empty{background:0 0;border-color:#0000}.pos-diagram__cell--interactive{cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.pos-diagram__cell--interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pos-diagram__cell--filled{background:var(--color-success-light);border-color:var(--color-success)}.pos-diagram__code{font-size:var(--font-size-sm);color:var(--color-gray-500)}.pos-diagram__branding{font-size:var(--font-size-xs);overflow-wrap:anywhere;font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}@media (width<=900px){.pos-diagram__axle{gap:var(--space-1);grid-template-columns:repeat(2,54px) 40px repeat(2,54px)}.pos-diagram__cell{height:88px}}.iss-loading,.iss-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}.iss-loading__spinner{color:var(--color-primary);animation:1s linear infinite iss-spin}.iss-error{color:var(--color-danger)}@keyframes iss-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.iss-select,.iss-tyre-picker,.iss-reason{width:100%;position:relative}.iss-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.iss-select__trigger:hover:not(:disabled){border-color:var(--color-gray-300)}.iss-select__trigger--open{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.iss-select__trigger--error{border-color:var(--color-danger)}.iss-select__trigger:disabled{cursor:not-allowed;opacity:.6}.iss-select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.iss-select__value--placeholder{color:var(--color-gray-400)}.iss-select__chevron{color:var(--color-gray-400);flex-shrink:0}.iss-select__menu,.iss-tyre-picker__menu,.iss-reason__menu{top:calc(100% + var(--space-2));z-index:40;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:iss-drop var(--transition-fast) ease-out;position:absolute;left:0;right:0;overflow:hidden}@keyframes iss-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.iss-select__search{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color-light);display:flex}.iss-select__search-icon{color:var(--color-gray-400)}.iss-select__search-input,.iss-tyre-picker__search-input{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background:0 0;border:none;outline:none;flex:1}.iss-select__search-input::placeholder,.iss-tyre-picker__search-input::placeholder{color:var(--color-gray-400)}.iss-select__list,.iss-tyre-picker__list{max-height:280px;padding:var(--space-1);margin:0;list-style:none;overflow-y:auto}.iss-select__option{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-family);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;flex-direction:column;gap:2px;display:flex}.iss-select__option:hover,.iss-select__option--active{background:var(--color-gray-100)}.iss-select__option-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.iss-select__option-meta{font-size:var(--font-size-xs);color:var(--color-gray-500)}.iss-select__empty{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center}.iss-tyre-picker__search{padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-bottom:1px solid var(--border-color-light);display:flex}.iss-tyre-picker__row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-family);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.iss-tyre-picker__row:hover:not(:disabled){background:var(--color-gray-100)}.iss-tyre-picker__row:disabled{cursor:not-allowed;opacity:.45}.iss-tyre-picker__thumb{border-radius:var(--radius-md);background:var(--color-gray-100);width:32px;height:32px;color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.iss-tyre-picker__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.iss-tyre-picker__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.iss-tyre-picker__meta{font-size:var(--font-size-xs);color:var(--color-gray-500)}.iss-tyre-picker__grade{color:var(--color-success);font-style:normal}.iss-tyre-picker__check,.iss-reason__box{border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);width:18px;height:18px;color:var(--color-white);transition:background-color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.iss-tyre-picker__check--on,.iss-reason__box--on{background:var(--color-primary);border-color:var(--color-primary)}.iss-tyre-picker__hint{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-color-light);font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.iss-reason__menu{gap:var(--space-1) var(--space-4);max-height:320px;padding:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow-y:auto}.iss-reason__option{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-family);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.iss-reason__option:hover{background:var(--color-gray-100)}.iss-reason__label{font-size:var(--font-size-base);color:var(--color-gray-800)}.iss-tyre-card{gap:var(--space-5);width:100%;max-width:340px;padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.iss-tyre-card__brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;color:var(--color-gray-900);text-transform:uppercase;margin:0;font-style:italic}.iss-tyre-card__grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.iss-tyre-card__divider{border-top:1px dashed var(--border-color)}.iss-tyre-card__field{gap:var(--space-1);flex-direction:column;display:flex}.iss-tyre-card__label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.iss-tyre-card__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}@media (width<=640px){.iss-reason__menu{grid-template-columns:minmax(0,1fr)}}.iss{gap:var(--space-5);padding:var(--space-6);flex-direction:column;max-width:1320px;display:flex}.iss__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.iss__title{margin:0 0 var(--space-1);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.01em}.iss__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.iss__header-actions{align-items:center;gap:var(--space-3);display:flex}.iss__file-input{display:none}.iss__upload-note{padding:var(--space-3) var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-primary-dark);margin:0}.iss__stats-row{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.iss__stat-card .stat-card__icon-wrapper{width:auto;height:auto;color:var(--iss-stat-icon,var(--color-primary));background:0 0}.iss__stat-card .stat-card__value{font-size:var(--font-size-2xl)}.iss__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.iss__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.iss__filters{align-items:center;gap:var(--space-3);display:flex}.iss__filter-select{appearance:none;min-width:130px;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);background:var(--bg-card) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right var(--space-3) center;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-700);cursor:pointer;transition:border-color var(--transition-fast)}.iss__filter-select:hover{border-color:var(--color-gray-300)}.iss__download{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:42px;height:42px;color:var(--color-gray-700);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.iss__download:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-900)}.iss__download:disabled{cursor:not-allowed;opacity:.5}.iss__panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.iss__empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:310px;padding:var(--space-8);flex-direction:column;display:flex}.iss__empty-icon{width:40px;height:40px;margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.iss__empty-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.iss__empty-text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.iss__table-wrap{position:relative;overflow-x:auto}.iss__table-overlay{z-index:2;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.iss__table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}.iss__table th{padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.iss__table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color-light);color:var(--color-gray-700);vertical-align:middle}.iss__table tbody tr:last-child td{border-bottom:none}.iss__table tbody tr:hover{background:var(--color-gray-50)}.iss__table-bold{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);display:block}.iss__table-sub{font-size:var(--font-size-xs);color:var(--color-gray-500);display:block}.iss__table-nowrap{white-space:nowrap}.iss__table-muted{color:var(--color-gray-400)}.iss__table-link{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0}.iss__table-link:hover{text-decoration:underline}.iss-pos-modal{max-height:calc(100vh - var(--space-12));padding:var(--space-8);overflow-y:auto}.iss-pos-modal__header{margin-bottom:var(--space-8)}.iss-pos-modal__title{margin:0 0 var(--space-1);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.iss-pos-modal__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.iss-pos-modal__body{justify-content:center;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;display:flex}.iss-pos-modal__details{justify-content:center;min-width:300px;display:flex}.iss-pos-modal__loading{justify-content:center;align-items:center;min-height:160px;display:flex}.iss-pos-modal__error{padding:var(--space-4);background:var(--color-danger-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-danger);margin:0}@media (width<=1100px){.iss__stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.iss{padding:var(--space-4)}.iss__header-actions{width:100%}.iss__header-actions .btn{flex:1}.iss__toolbar{flex-direction:column;align-items:stretch}.iss__filters{justify-content:space-between}.iss__filter{flex:1}.iss__filter-select{width:100%;min-width:0}}@media (width<=560px){.iss__stats-row{grid-template-columns:minmax(0,1fr)}}.issue-wizard{grid-template-columns:var(--onboarding-sidebar-width) minmax(0, 1fr);gap:var(--space-6);min-height:100vh;padding:var(--space-3);background:var(--bg-page);display:grid}.issue-wizard__state{justify-content:center;align-items:center;gap:var(--space-4);min-height:100vh;color:var(--color-gray-500);font-size:var(--font-size-md);flex-direction:column;display:flex}.issue-wizard__state--error{color:var(--color-danger)}.issue-wizard__rail{gap:var(--space-10);padding:var(--space-8) var(--space-6);background:var(--color-gray-100);border-radius:var(--radius-xl);flex-direction:column;display:flex}.issue-wizard__brand{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.01em;margin:0}.issue-wizard__steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.issue-wizard__step{align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-6);display:flex;position:relative}.issue-wizard__step-line{left:0;right:0;bottom:var(--space-3);border-top:1px dashed var(--color-gray-300);position:absolute}.issue-wizard__step-icon{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-gray-400);transition:color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.issue-wizard__step--active .issue-wizard__step-icon,.issue-wizard__step--done .issue-wizard__step-icon{color:var(--color-gray-900);border-color:var(--color-gray-300)}.issue-wizard__step--done .issue-wizard__step-icon{color:var(--color-success)}.issue-wizard__step-text{padding-top:var(--space-1);flex-direction:column;gap:2px;display:flex}.issue-wizard__step-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-400)}.issue-wizard__step--active .issue-wizard__step-label,.issue-wizard__step--done .issue-wizard__step-label{color:var(--color-gray-900)}.issue-wizard__step-hint{font-size:var(--font-size-sm);color:var(--color-gray-400)}.issue-wizard__step--active .issue-wizard__step-hint{color:var(--color-gray-500)}.issue-wizard__panel{min-height:0;padding:var(--space-8) var(--space-8) 0;background:var(--bg-card);border-radius:var(--radius-xl);flex-direction:column;display:flex}.issue-wizard__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.issue-wizard__eyebrow{margin:0 0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);letter-spacing:.08em}.issue-wizard__title{margin:0 0 var(--space-2);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em}.issue-wizard__subtitle{font-size:var(--font-size-md);color:var(--color-gray-500);margin:0}.issue-wizard__close{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:42px;height:42px;color:var(--color-gray-900);cursor:pointer;transition:background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.issue-wizard__close:hover{background:var(--color-gray-100)}.issue-wizard__body{padding:var(--space-8) 0;flex:1}.issue-wizard__form-error{margin:0 0 var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-danger)}.issue-wizard__form{gap:var(--space-6);flex-direction:column;max-width:1020px;display:flex}.issue-wizard__form--narrow{max-width:690px}.issue-wizard__grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.issue-wizard__field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.issue-wizard__field--half{max-width:665px}.issue-wizard__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.issue-wizard__field-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:0}.issue-wizard__select-wrap,.issue-wizard__input-wrap{display:block;position:relative}.issue-wizard__select{appearance:none;width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);background:var(--color-gray-50) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right var(--space-4) center;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.issue-wizard__select:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.issue-wizard__select--placeholder{color:var(--color-gray-400)}.issue-wizard__input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.issue-wizard__input::placeholder{color:var(--color-gray-400)}.issue-wizard__input:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.issue-wizard__input--readonly{background:var(--color-gray-200);border-color:var(--color-gray-200);color:var(--color-gray-600);cursor:default}.issue-wizard__input-icon{top:50%;right:var(--space-4);color:var(--color-gray-500);pointer-events:none;position:absolute;transform:translateY(-50%)}.issue-wizard__counts{gap:var(--space-3);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.issue-wizard__count{min-width:46px;padding:var(--space-3) var(--space-2);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0}.issue-wizard__count:hover:not(.issue-wizard__count--active){border-color:var(--color-primary);color:var(--color-primary)}.issue-wizard__count--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold)}.issue-wizard__links{flex-direction:column;max-width:665px;display:flex}.issue-wizard__links-head{padding-bottom:var(--space-3);font-size:var(--font-size-xs);color:var(--color-gray-500);letter-spacing:.06em;justify-content:space-between;align-items:center;display:flex}.issue-wizard__link{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px dashed var(--border-color);grid-template-columns:minmax(0,1fr) 100px 160px;display:grid}.issue-wizard__link:last-child{border-bottom:none}.issue-wizard__link-tyre{padding:var(--space-3) var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-gray-900);justify-self:start}.issue-wizard__link-wire{align-items:center;display:flex}.issue-wizard__link-line{background:var(--color-gray-400);flex:1;height:1px}.issue-wizard__link-dot{border-radius:var(--radius-full);background:var(--color-gray-400);width:7px;height:7px}.issue-wizard__link-control{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.issue-wizard__link-select{appearance:none;width:100%;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-3);background:var(--color-gray-100) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right var(--space-3) center;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-900);cursor:pointer}.issue-wizard__clear{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-danger);cursor:pointer;background:0 0;border:none;padding:0;font-style:italic}.issue-wizard__clear:hover{text-decoration:underline}.issue-wizard__review{gap:var(--space-10);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.issue-wizard__review-eyebrow{margin:0 0 var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-500);letter-spacing:.06em}.issue-wizard__review-vehicle{margin:0 0 var(--space-1);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.issue-wizard__review-chassis{margin:0 0 var(--space-8);font-size:var(--font-size-xs);color:var(--color-gray-500)}.issue-wizard__review-tyres{gap:var(--space-5);margin-bottom:var(--space-8);flex-direction:column;display:flex}.issue-wizard__review-tyre{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.issue-wizard__review-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.issue-wizard__review-grade{margin-left:var(--space-2);font-size:var(--font-size-xs);font-style:normal;font-weight:var(--font-weight-semibold);color:var(--color-success);text-transform:uppercase}.issue-wizard__review-meta{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase}.issue-wizard__review-baseline{gap:var(--space-5);flex-direction:column;display:flex}.issue-wizard__review-item{min-width:0}.issue-wizard__footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--border-color);display:flex}.issue-wizard__copyright{font-size:var(--font-size-xs);color:var(--color-gray-500)}.issue-wizard__footer-actions{gap:var(--space-3);display:flex}.issue-wizard__success{padding:var(--space-8)}.issue-wizard__success-title{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.issue-wizard__success-text{margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}@media (width<=1180px){.issue-wizard__review{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.issue-wizard__review-diagram{justify-self:center}}@media (width<=900px){.issue-wizard{padding:var(--space-3);grid-template-columns:minmax(0,1fr)}.issue-wizard__rail{gap:var(--space-6);padding:var(--space-5)}.issue-wizard__steps{gap:var(--space-4);flex-direction:row}.issue-wizard__step{gap:var(--space-2);padding-bottom:var(--space-4);flex-direction:column;flex:1}.issue-wizard__step-line{bottom:0}.issue-wizard__panel{padding:var(--space-5) var(--space-5) 0}.issue-wizard__title{font-size:var(--font-size-2xl)}.issue-wizard__grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.issue-wizard__link{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 60px 150px}.issue-wizard__footer{flex-direction:column-reverse;align-items:stretch}.issue-wizard__footer-actions .btn{flex:1}.issue-wizard__copyright{text-align:center}}.reg-loading,.reg-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}.reg-loading__spinner{color:var(--color-primary);animation:1s linear infinite reg-spin}.reg-error{color:var(--color-danger)}@keyframes reg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reg{gap:var(--space-5);padding:var(--space-6);flex-direction:column;max-width:1320px;display:flex}.reg__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.reg__title{margin:0 0 var(--space-1);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.01em}.reg__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.reg__header-actions{align-items:center;gap:var(--space-3);display:flex}.reg__file-input{display:none}.reg__upload-note{padding:var(--space-3) var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-primary-dark);margin:0}.reg__stats-row{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.reg__stat-card .stat-card__icon-wrapper{width:auto;height:auto;color:var(--reg-stat-icon,var(--color-primary));background:0 0}.reg__stat-card .stat-card__value{font-size:var(--font-size-2xl)}.reg__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.reg__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.reg__filters{align-items:center;gap:var(--space-3);display:flex}.reg__filter-select{appearance:none;min-width:130px;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);background:var(--bg-card) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right var(--space-3) center;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-700);cursor:pointer;transition:border-color var(--transition-fast)}.reg__filter-select:hover{border-color:var(--color-gray-300)}.reg__download{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:42px;height:42px;color:var(--color-gray-700);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.reg__download:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-900)}.reg__download:disabled{cursor:not-allowed;opacity:.5}.reg__panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.reg__empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:310px;padding:var(--space-8);flex-direction:column;display:flex}.reg__empty-icon{width:40px;height:40px;margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.reg__empty-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.reg__empty-text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.reg__table-wrap{border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow-x:auto}.reg__table-overlay{z-index:2;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reg__table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}.reg__table th{padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-align:left;white-space:nowrap}.reg__table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color-light);color:var(--color-gray-700);vertical-align:middle}.reg__table tbody tr:last-child td{border-bottom:none}.reg__table tbody tr:hover{background:var(--color-gray-50)}.reg__table-bold{font-weight:var(--font-weight-medium);color:var(--color-gray-900);white-space:nowrap}.reg__table-line{white-space:nowrap;display:block}.reg__table-nowrap{white-space:nowrap}.reg__confirm{padding:var(--space-8)}.reg__confirm-title{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.reg__confirm-text{margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}.reg__confirm-actions{justify-content:flex-end;gap:var(--space-3);display:flex}@media (width<=1100px){.reg__stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.reg{padding:var(--space-4)}.reg__header-actions{flex-direction:column;align-items:stretch;width:100%}.reg__toolbar{flex-direction:column;align-items:stretch}.reg__filters{justify-content:space-between}.reg__filter-select{flex:1}}@media (width<=560px){.reg__stats-row{grid-template-columns:minmax(0,1fr)}}.new-veh{min-height:calc(100vh - var(--navbar-height));padding:var(--space-6);background:var(--bg-card);position:relative;overflow:hidden}.new-veh__back{align-items:center;gap:var(--space-3);z-index:2;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex;position:relative}.new-veh__back-icon{border:1px solid var(--border-color);border-radius:var(--radius-full);width:32px;height:32px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.new-veh__back:hover .new-veh__back-icon{background:var(--color-gray-100)}.new-veh__body{z-index:2;width:100%;max-width:645px;padding:var(--space-10) 0 var(--space-12);margin:0 auto;position:relative}.new-veh__header{margin-bottom:var(--space-8)}.new-veh__title{margin:0 0 var(--space-1);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em}.new-veh__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.new-veh__form-error{margin:0 0 var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-danger)}.new-veh__form{gap:var(--space-6);flex-direction:column;display:flex}.new-veh__grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.new-veh__stack{gap:var(--space-6);flex-direction:column;display:flex}.new-veh__field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.new-veh__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.new-veh__field-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:0}.new-veh__input,.new-veh__select{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.new-veh__input::placeholder{color:var(--color-gray-400)}.new-veh__select{appearance:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--space-4) center;cursor:pointer}.new-veh__select--placeholder{color:var(--color-gray-400)}.new-veh__select:disabled{cursor:not-allowed;opacity:.65}.new-veh__input:focus,.new-veh__select:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.new-veh__actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px dashed var(--border-color);display:flex}.new-veh__tyre-bg{z-index:1;pointer-events:none;background:url(/assets/tire-wheel.png) 100% 100%/contain no-repeat;width:460px;height:460px;position:absolute;bottom:-160px;right:-80px}.new-veh__success{padding:var(--space-8)}.new-veh__success-title{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.new-veh__success-text{margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}@media (width<=768px){.new-veh{padding:var(--space-4)}.new-veh__body{padding:var(--space-6) 0 var(--space-8)}.new-veh__title{font-size:var(--font-size-2xl)}.new-veh__grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.new-veh__tyre-bg{display:none}}.bulk-upload-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.bulk-upload-modal{background:var(--color-white,#fff);border-radius:var(--radius-lg,12px);width:100%;max-width:480px;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);padding:32px;position:relative}.bulk-upload-modal__close{color:var(--color-gray-500,#667085);cursor:pointer;border-radius:var(--radius-sm,4px);transition:var(--transition-fast,all .15s ease);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:20px;right:20px}.bulk-upload-modal__close:hover{background-color:var(--color-gray-100,#f2f4f7);color:var(--color-gray-900,#101828)}.bulk-upload-modal__header{margin-bottom:24px}.bulk-upload-modal__title{font-size:var(--font-size-xl,20px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828);margin:0 0 6px}.bulk-upload-modal__subtitle{font-size:var(--font-size-sm,14px);color:var(--color-gray-600,#475467);margin:0}.bulk-upload-dropzone{border:1px dashed var(--color-gray-300,#d0d5dd);border-radius:var(--radius-md,8px);text-align:center;background-color:var(--color-gray-50,#f9fafb);cursor:pointer;transition:var(--transition-base,all .2s ease);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.bulk-upload-dropzone:hover,.bulk-upload-dropzone--active{border-color:var(--color-primary,#06f);background-color:#f0f6ff}.bulk-upload-dropzone__icon-wrapper{background-color:var(--color-gray-100,#f2f4f7);width:48px;height:48px;color:var(--color-gray-600,#475467);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.bulk-upload-dropzone:hover .bulk-upload-dropzone__icon-wrapper{color:var(--color-primary,#06f);background-color:#e6f0ff}.bulk-upload-dropzone__prompt{font-size:var(--font-size-sm,14px);color:var(--color-gray-600,#475467);margin:0 0 4px}.bulk-upload-dropzone__highlight{color:var(--color-primary,#06f);font-weight:var(--font-weight-medium,500)}.bulk-upload-dropzone__hint{font-size:var(--font-size-xs,12px);color:var(--color-gray-400,#98a2b3);margin:0}.bulk-upload-modal__footer{text-align:center;margin-top:24px}.bulk-upload-modal__download-link{font-size:var(--font-size-sm,14px);color:var(--color-primary,#06f);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:var(--transition-fast,color .15s ease);text-decoration:underline}.bulk-upload-modal__download-link:hover{color:#0052cc}.short-details-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.short-details-modal{background:var(--color-white,#fff);border-radius:var(--radius-lg,12px);width:100%;max-width:440px;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);border:1px solid var(--color-gray-200,#eaecf0);padding:24px;position:relative}.short-details-modal__close{color:var(--color-gray-500,#667085);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:16px;right:16px}.short-details__brand-logo{margin-bottom:24px;padding-top:4px}.short-details__logo-text{font-size:var(--font-size-2xl,24px);letter-spacing:-.5px;color:var(--color-gray-900,#101828);font-family:system-ui,-apple-system,sans-serif;font-style:italic;font-weight:900;display:inline-block;position:relative}.short-details__logo-text:before{content:"";background-color:var(--color-danger,#e53e3e);width:4px;height:20px;position:absolute;top:2px;left:-12px;transform:skew(-15deg)}.short-details__grid{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.short-details__field{flex-direction:column;gap:2px;display:flex}.short-details__label{font-size:var(--font-size-sm,14px);color:var(--color-gray-500,#667085);font-weight:var(--font-weight-regular,400)}.short-details__value{font-size:var(--font-size-md,16px);color:var(--color-gray-900,#101828);font-weight:var(--font-weight-bold,700)}.short-details__divider{border-top:1px dashed var(--color-gray-200,#eaecf0);margin:20px 0}.inventory-page{flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:24px 32px;display:flex}.inventory-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.inventory-header__title{font-size:var(--font-size-2xl,24px);font-weight:var(--font-weight-bold,700);color:var(--color-gray-900,#101828);margin:0 0 4px}.inventory-header__subtitle{font-size:var(--font-size-sm,14px);color:var(--color-gray-500,#667085);margin:0}.inventory-header__actions{align-items:center;gap:12px;display:flex}.inventory-header__bulk-btn{border-color:var(--color-gray-300,#d0d5dd);color:var(--color-gray-700,#344054);background-color:var(--color-white,#fff)}.inventory-header__bulk-btn:hover{background-color:var(--color-gray-50,#f9fafb)}.inventory-header__add-btn{background-color:var(--color-primary,#06f);color:#fff}.inventory-header__add-btn:hover{background-color:#0052cc}.inventory-stats-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.inventory-stat-card{background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#eaecf0);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-xs,0 1px 2px #1018280d);transition:var(--transition-fast,all .15s ease);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.inventory-stat-card:hover{box-shadow:var(--shadow-sm,0 2px 4px #10182814)}.inventory-stat-card__content{flex-direction:column;gap:8px;display:flex}.inventory-stat-card__label{font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-700,#344054)}.inventory-stat-card__value{font-size:var(--font-size-3xl,28px);font-weight:var(--font-weight-bold,700);color:var(--color-gray-900,#101828);line-height:1.1}.inventory-stat-card__icon-badge{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.inventory-stat-card__icon-badge--total{background-color:#e6f4ff}.inventory-stat-card__icon-badge--inStock{background-color:#f6ffed}.inventory-stat-card__icon-badge--issued{background-color:#fff7e6}.inventory-stat-card__icon-badge--expiring,.inventory-stat-card__icon-badge--decommissioned{background-color:#fff1f0}.inventory-stat__icon--blue{color:#1890ff}.inventory-stat__icon--green{color:#52c41a}.inventory-stat__icon--orange{color:#fa8c16}.inventory-stat__icon--red{color:#ff4d4f}.inventory-table-card{background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#eaecf0);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-xs,0 1px 2px #1018280d);overflow:hidden}.inventory-table-card__toolbar{border-bottom:1px solid var(--color-gray-200,#eaecf0);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.inventory-table-card__title{font-size:var(--font-size-md,16px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828);margin:0}.inventory-table-card__controls{align-items:center;gap:12px;display:flex}.inventory-filter-select{min-width:140px}.inventory-export-btn{border:1px solid var(--color-gray-300,#d0d5dd);border-radius:var(--radius-md,8px);background-color:var(--color-white,#fff);width:38px;height:38px;color:var(--color-gray-700,#344054);cursor:pointer;transition:var(--transition-fast,all .15s ease);justify-content:center;align-items:center;display:flex}.inventory-export-btn:hover{background-color:var(--color-gray-50,#f9fafb);border-color:var(--color-gray-400,#98a2b3)}.inventory-table-wrapper{width:100%;overflow-x:auto}.inventory-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-sm,14px)}.inventory-table th{background-color:var(--color-gray-50,#f9fafb);color:var(--color-gray-600,#475467);font-weight:var(--font-weight-semibold,600);border-bottom:1px solid var(--color-gray-200,#eaecf0);white-space:nowrap;padding:12px 24px}.inventory-table td{border-bottom:1px solid var(--color-gray-200,#eaecf0);color:var(--color-gray-900,#101828);vertical-align:middle;padding:16px 24px}.inventory-table tbody tr:last-child td{border-bottom:none}.inventory-table tbody tr:hover{background-color:var(--color-gray-50,#f9fafb)}.inventory-td--branding,.inventory-td--serial{font-weight:var(--font-weight-medium,500);color:var(--color-gray-900,#101828)}.inventory-action-link{color:var(--color-primary,#06f);font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-sm,14px);cursor:pointer;transition:var(--transition-fast,color .15s ease);background:0 0;border:none;padding:0}.inventory-action-link:hover{color:#0052cc;text-decoration:underline}.inventory-table__loading,.inventory-table__error,.inventory-table__empty{text-align:center;color:var(--color-gray-500,#667085);font-size:var(--font-size-sm,14px);padding:40px}.inventory-pagination{border-top:1px solid var(--color-gray-200,#eaecf0);justify-content:flex-end;align-items:center;gap:20px;padding:16px 24px;display:flex}.inventory-pagination__nav{align-items:center;gap:6px;display:flex}.inventory-pagination__btn{border-radius:var(--radius-md,8px);border:1px solid var(--color-gray-300,#d0d5dd);width:32px;height:32px;color:var(--color-gray-700,#344054);cursor:pointer;transition:var(--transition-fast,all .15s ease);background-color:#fff;justify-content:center;align-items:center;display:flex}.inventory-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.inventory-pagination__page{border-radius:var(--radius-md,8px);width:32px;height:32px;color:var(--color-gray-600,#475467);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:var(--transition-fast,all .15s ease);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.inventory-pagination__page--active{border-color:var(--color-primary,#06f);color:var(--color-primary,#06f);font-weight:var(--font-weight-bold,700)}.inventory-pagination__size-selector{align-items:center;display:flex;position:relative}.inventory-pagination__select{appearance:none;border:1px solid var(--color-gray-300,#d0d5dd);border-radius:var(--radius-md,8px);font-size:var(--font-size-sm,14px);color:var(--color-gray-700,#344054);cursor:pointer;background-color:#fff;padding:6px 28px 6px 12px}.inventory-pagination__select-icon{pointer-events:none;color:var(--color-gray-500,#667085);position:absolute;right:8px}@media (width<=1024px){.inventory-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.inventory-page{padding:16px}.inventory-header{flex-direction:column;align-items:flex-start}.inventory-stats-grid{grid-template-columns:1fr}.inventory-table-card__toolbar{flex-direction:column;align-items:flex-start;gap:12px}}.success-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.success-modal{background:var(--color-white,#fff);border-radius:var(--radius-lg,12px);width:100%;max-width:400px;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);padding:32px;position:relative}.success-modal__close{color:var(--color-gray-500,#667085);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:20px;right:20px}.success-modal__content{flex-direction:column;align-items:flex-start;margin-top:12px;display:flex}.success-modal__title{font-size:var(--font-size-xl,20px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828);margin:0 0 8px}.success-modal__subtitle{font-size:var(--font-size-sm,14px);color:var(--color-gray-600,#475467);margin:0 0 24px;line-height:1.4}.success-modal__button{width:100%}.new-tyre-page{flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:24px 32px;display:flex;position:relative}.new-tyre-back-btn{color:var(--color-gray-700,#344054);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);cursor:pointer;border-radius:var(--radius-md,8px);width:fit-content;transition:var(--transition-fast,all .15s ease);background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.new-tyre-back-btn:hover{background-color:var(--color-gray-100,#f2f4f7);color:var(--color-gray-900,#101828)}.new-tyre-card{background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#eaecf0);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-xs,0 1px 2px #1018280d);padding:36px 40px;position:relative;overflow:hidden}.new-tyre-header{margin-bottom:32px}.new-tyre-header__title{font-size:var(--font-size-2xl,24px);font-weight:var(--font-weight-bold,700);color:var(--color-gray-900,#101828);margin:0 0 6px}.new-tyre-header__subtitle{font-size:var(--font-size-sm,14px);color:var(--color-gray-500,#667085);margin:0}.new-tyre-form{z-index:1;flex-direction:column;gap:28px;display:flex;position:relative}.new-tyre-block{flex-direction:column;gap:20px;display:flex}.new-tyre-block__header{border-bottom:1px solid var(--color-gray-200,#eaecf0);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.new-tyre-block__badge{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);color:var(--color-primary,#06f);border-radius:var(--radius-sm,4px);background:#e6f0ff;padding:2px 8px}.new-tyre-block__remove{color:var(--color-danger,#e53e3e);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium,500);cursor:pointer;background:0 0;border:none}.new-tyre-grid{grid-template-columns:repeat(2,1fr);gap:20px 32px;display:grid}.new-tyre-field{flex-direction:column;gap:6px;display:flex}.new-tyre-label{font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-900,#101828)}.new-tyre-input-with-icon{align-items:center;display:flex;position:relative}.new-tyre-date-input{border:1px solid var(--color-gray-300,#d0d5dd);border-radius:var(--radius-md,8px);background-color:var(--color-gray-50,#f9fafb);width:100%;font-family:inherit;font-size:var(--font-size-sm,14px);color:var(--color-gray-900,#101828);outline:none;padding:10px 38px 10px 14px}.new-tyre-date-input:focus{border-color:var(--color-primary,#06f);background-color:#fff}.new-tyre-calendar-icon{pointer-events:none;color:var(--color-gray-500,#667085);position:absolute;right:12px}.new-tyre-add-another-wrapper{margin-top:4px}.new-tyre-add-another-btn{border:1px solid var(--color-gray-300,#d0d5dd);border-radius:var(--radius-md,8px);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700,#344054);cursor:pointer;transition:var(--transition-fast,all .15s ease);background:#fff;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.new-tyre-add-another-btn:hover{background-color:var(--color-gray-50,#f9fafb);border-color:var(--color-gray-400,#98a2b3)}.new-tyre-divider{border-top:1px dashed var(--color-gray-300,#d0d5dd);margin:12px 0}.new-tyre-actions{justify-content:flex-end;align-items:center;gap:16px;display:flex}.new-tyre-cancel-btn{border-color:var(--color-gray-300,#d0d5dd);min-width:100px;color:var(--color-gray-700,#344054);background-color:#fff}.new-tyre-submit-btn{background-color:var(--color-primary,#06f);color:#fff;min-width:120px}.new-tyre-3d-graphic{pointer-events:none;opacity:.85;z-index:0;position:absolute;bottom:-60px;right:-50px}@media (width<=768px){.new-tyre-card{padding:24px}.new-tyre-grid{grid-template-columns:1fr}.new-tyre-3d-graphic{display:none}}.decommission-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.decommission-modal{background:var(--color-white,#fff);border-radius:var(--radius-lg,12px);width:100%;max-width:440px;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);padding:28px;position:relative}.decommission-modal__close{color:var(--color-gray-500,#667085);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:20px;right:20px}.decommission-modal__icon-badge{background-color:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.decommission-modal__header{margin-bottom:20px}.decommission-modal__title{font-size:var(--font-size-xl,20px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828);margin:0 0 6px}.decommission-modal__subtitle{font-size:var(--font-size-sm,14px);color:var(--color-gray-600,#475467);margin:0;line-height:1.4}.decommission-modal__form{flex-direction:column;gap:16px;display:flex}.decommission-form__group{flex-direction:column;gap:6px;display:flex}.decommission-form__label{font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700,#344054)}.decommission-form__textarea{border:1px solid var(--color-gray-300,#d0d5dd);border-radius:var(--radius-md,8px);background-color:var(--color-gray-50,#f9fafb);width:100%;font-family:inherit;font-size:var(--font-size-sm,14px);color:var(--color-gray-900,#101828);resize:vertical;transition:var(--transition-fast,border-color .15s ease);outline:none;padding:10px 14px}.decommission-form__textarea:focus{border-color:var(--color-primary,#06f);background-color:#fff}.decommission-photo-box{border:1px solid var(--color-gray-300,#d0d5dd);border-radius:var(--radius-md,8px);background-color:var(--color-gray-50,#f9fafb);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.decommission-photo-box__text{font-size:var(--font-size-sm,14px);color:var(--color-gray-600,#475467);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.decommission-photo-box__upload-btn{border:1px solid var(--color-gray-300,#d0d5dd);border-radius:var(--radius-sm,6px);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700,#344054);cursor:pointer;transition:var(--transition-fast,all .15s ease);background:#fff;padding:6px 16px}.decommission-photo-box__upload-btn:hover{background-color:var(--color-gray-100,#f2f4f7)}.decommission-modal__actions{gap:12px;margin-top:12px;display:flex}.decommission-modal__cancel-btn,.decommission-modal__submit-btn{flex:1}.tyre-details-page{flex-direction:column;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:24px 32px;display:flex}.tyre-details-back-btn{color:var(--color-gray-700,#344054);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);cursor:pointer;border-radius:var(--radius-md,8px);width:fit-content;transition:var(--transition-fast,all .15s ease);background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.tyre-details-back-btn:hover{background-color:var(--color-gray-100,#f2f4f7);color:var(--color-gray-900,#101828)}.tyre-details-loading,.tyre-details-error{text-align:center;border-radius:var(--radius-lg,12px);border:1px solid var(--color-gray-200,#eaecf0);color:var(--color-gray-600,#475467);background:#fff;padding:40px}.tyre-details-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.tyre-details-header__main{flex-direction:column;gap:4px;display:flex}.tyre-details-header__label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-500,#667085);letter-spacing:.5px;text-transform:uppercase}.tyre-details-header__title-row{align-items:center;gap:16px;display:flex}.tyre-details-header__serial{font-size:var(--font-size-2xl,24px);font-weight:var(--font-weight-bold,700);color:var(--color-gray-900,#101828);margin:0}.tyre-details-status-picker{position:relative}.tyre-details-status-picker__trigger{border:1px solid var(--color-gray-300,#d0d5dd);border-radius:var(--radius-md,8px);background-color:var(--color-white,#fff);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700,#344054);cursor:pointer;transition:var(--transition-fast,all .15s ease);align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.tyre-details-status-picker__trigger:hover{background-color:var(--color-gray-50,#f9fafb)}.tyre-details-status-picker__menu{border:1px solid var(--color-gray-200,#eaecf0);border-radius:var(--radius-md,8px);min-width:160px;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);z-index:10;background-color:#fff;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.tyre-details-status-picker__item{text-align:left;width:100%;font-size:var(--font-size-sm,14px);color:var(--color-gray-700,#344054);cursor:pointer;transition:var(--transition-fast,background-color .15s ease);background:0 0;border:none;padding:8px 14px}.tyre-details-status-picker__item:hover{background-color:var(--color-gray-50,#f9fafb);color:var(--color-gray-900,#101828)}.tyre-details-status-picker__item--active{font-weight:var(--font-weight-semibold,600);color:var(--color-primary,#06f);background-color:#e6f0ff}.tyre-details-header__actions{align-items:center;gap:12px;display:flex}.tyre-details-edit-btn{border-color:var(--color-gray-300,#d0d5dd);color:var(--color-gray-700,#344054);background-color:var(--color-white,#fff);align-items:center;gap:8px;display:inline-flex}.tyre-details-grid{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.tyre-details-card{background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#eaecf0);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-xs,0 1px 2px #1018280d);padding:28px 32px}.tyre-details-card__title{font-size:var(--font-size-md,16px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828);margin:0 0 16px}.tyre-details-card__top-divider{border-top:1px dashed var(--color-gray-200,#eaecf0);margin-bottom:24px}.tyre-details-card__main-spec{align-items:center;gap:36px;display:flex}.tyre-details-image-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tyre-spec-grid{grid-template-columns:repeat(2,1fr);gap:20px 36px;width:100%;display:grid}.tyre-spec-grid--bottom{grid-template-columns:repeat(2,1fr)}.tyre-spec-item{flex-direction:column;gap:4px;display:flex}.tyre-spec-item__label{font-size:var(--font-size-sm,14px);color:var(--color-gray-500,#667085);font-weight:var(--font-weight-regular,400)}.tyre-spec-item__value{font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-bold,700);color:var(--color-gray-900,#101828)}.tyre-details-card__mid-divider{border-top:1px dashed var(--color-gray-200,#eaecf0);margin:28px 0}.tyre-timeline-card{background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#eaecf0);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-xs,0 1px 2px #1018280d);padding:28px 24px}.tyre-timeline-card__title{font-size:var(--font-size-md,16px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828);margin:0 0 24px}.tyre-timeline-list{flex-direction:column;display:flex}.tyre-timeline-item{gap:16px;min-height:72px;display:flex}.tyre-timeline-item__left{flex-direction:column;align-items:center;display:flex}.tyre-timeline-item__icon-box{border-radius:var(--radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tyre-timeline-item__icon-box--completed{color:#16a34a;background-color:#dcfce7}.tyre-timeline-item__icon-box--pending{background-color:var(--color-gray-100,#f2f4f7);color:var(--color-gray-400,#98a2b3)}.tyre-timeline-item__line{border-left:2px dashed var(--color-gray-300,#d0d5dd);flex-grow:1;width:2px;margin:4px 0}.tyre-timeline-item__content{flex-direction:column;gap:2px;padding-top:4px;display:flex}.tyre-timeline-item__title{font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-400,#98a2b3)}.tyre-timeline-item__title--completed{color:#16a34a}.tyre-timeline-item__subtitle{font-size:var(--font-size-xs,12px);color:var(--color-gray-500,#667085)}@media (width<=1024px){.tyre-details-grid{grid-template-columns:1fr}}@media (width<=640px){.tyre-details-page{padding:16px}.tyre-details-header,.tyre-details-card__main-spec{flex-direction:column;align-items:flex-start}}.vendor-mgmt{gap:var(--space-6);padding:var(--space-6);box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex}.vendor-mgmt__loading,.vendor-mgmt__error{justify-content:center;align-items:center;gap:var(--space-4);min-height:400px;color:var(--color-gray-600);flex-direction:column;display:flex}.vendor-mgmt__spinner{color:var(--color-primary);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vendor-mgmt__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.vendor-mgmt__header-left{gap:var(--space-1);flex-direction:column;display:flex}.vendor-mgmt__title{font-family:var(--font-family);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.vendor-mgmt__subtitle{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.vendor-mgmt__header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.vendor-mgmt__btn-csv{border-color:var(--color-gray-300);color:var(--color-gray-700);background-color:var(--color-white)}.vendor-mgmt__btn-csv:hover{background-color:var(--color-gray-50)}.vendor-mgmt__stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.vendor-mgmt__stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;display:flex}.vendor-mgmt__stat-info{gap:var(--space-2);flex-direction:column;display:flex}.vendor-mgmt__stat-label{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0}.vendor-mgmt__stat-value{font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-gray-900);margin:0;line-height:1}.vendor-mgmt__stat-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-gray-700);justify-content:center;align-items:center;display:flex}.vendor-mgmt__stat-icon--wallet{color:var(--color-gray-800)}.vendor-mgmt__stat-icon--active{color:#16a34a}.vendor-mgmt__stat-icon--blocked{color:#d97706}.vendor-mgmt__table-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.vendor-mgmt__table-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.vendor-mgmt__table-title{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.vendor-mgmt__filter-select{min-width:140px}.vendor-table__cell-stack{flex-direction:column;gap:2px;display:flex}.vendor-table__bold{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.vendor-table__sub{font-size:var(--font-size-xs);color:var(--color-gray-400)}.vendor-table__text{color:var(--color-gray-700);font-size:var(--font-size-sm)}.vendor-mgmt__pagination{padding-top:var(--space-2);justify-content:center;align-items:center;display:flex}.vendor-modal{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.vendor-modal__icon-badge{border-radius:var(--radius-full);color:#dc2626;background-color:#fee2e2;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.vendor-modal__title{font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.vendor-modal__text{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:1.5}.vendor-modal__text-bold{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.vendor-modal__divider{border-top:1px dashed var(--color-gray-200);margin:var(--space-1) 0}.vendor-modal__form{gap:var(--space-4);flex-direction:column;display:flex}.vendor-modal__textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-900);resize:vertical;background-color:#f8fafc;outline:none;min-height:80px}.vendor-modal__textarea:focus{border-color:var(--color-primary);background-color:var(--color-white)}.vendor-modal__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.vendor-modal__actions--full{flex-direction:column;width:100%}.vendor-modal__btn{min-width:120px}.vendor-modal__success-body{gap:var(--space-2);padding-top:var(--space-4);padding-bottom:var(--space-2);flex-direction:column;display:flex}.vendor-modal__file-drop{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;background-color:var(--color-gray-50);cursor:pointer;align-items:center;gap:var(--space-2);color:var(--color-gray-600);flex-direction:column;display:flex}.vendor-modal__file-drop:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}@media (width<=768px){.vendor-mgmt{padding:var(--space-4);gap:var(--space-4)}.vendor-mgmt__header{flex-direction:column;align-items:stretch}.vendor-mgmt__header-actions{flex-direction:column;width:100%}.vendor-mgmt__header-actions button{width:100%}.vendor-mgmt__stats{gap:var(--space-3);grid-template-columns:1fr}.vendor-mgmt__table-header{flex-direction:row;justify-content:space-between;align-items:center}.vendor-modal__actions{flex-direction:column-reverse;width:100%}.vendor-modal__actions button{width:100%}}.new-vendor{gap:var(--space-6);padding:var(--space-6);box-sizing:border-box;width:100%;max-width:960px;min-height:calc(100vh - var(--navbar-height) - var(--space-12));flex-direction:column;margin:0 auto;display:flex;position:relative}.new-vendor__back-btn{align-items:center;gap:var(--space-2);color:var(--color-gray-700);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.new-vendor__back-btn:hover{color:var(--color-primary)}.new-vendor__header{gap:var(--space-1);flex-direction:column;display:flex}.new-vendor__title{font-family:var(--font-family);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.new-vendor__subtitle{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.new-vendor__form{gap:var(--space-6);background-color:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;display:flex}.new-vendor__form-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.new-vendor__form-full{grid-column:1/-1}.new-vendor__divider{border-top:1px dashed var(--color-gray-200);margin:var(--space-2) 0}.new-vendor__actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.new-vendor__btn-cancel{min-width:110px}.new-vendor__btn-submit{min-width:140px}.new-vendor__corner-graphic{pointer-events:none;opacity:.9;z-index:0;width:260px;height:auto;position:absolute;bottom:0;right:0}@media (width<=768px){.new-vendor,.new-vendor__form{padding:var(--space-4);gap:var(--space-4)}.new-vendor__form-grid{gap:var(--space-4);grid-template-columns:1fr}.new-vendor__actions{flex-direction:row;justify-content:space-between}.new-vendor__corner-graphic{width:180px}}.settings{padding:var(--space-6);flex-direction:column;max-width:1320px;display:flex}.settings__title{margin:0 0 var(--space-1);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.01em}.settings__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.settings__tabs{align-items:center;gap:var(--space-6);margin-top:var(--space-6);border-bottom:1px solid var(--border-color);scrollbar-width:none;display:flex;overflow-x:auto}.settings__tabs::-webkit-scrollbar{display:none}.settings__tab{padding:var(--space-2) var(--space-1) var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-500);white-space:nowrap;transition:color var(--transition-fast);flex-shrink:0;text-decoration:none;position:relative}.settings__tab:hover{color:var(--color-gray-800)}.settings__tab--active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.settings__tab--active:after{content:"";background:var(--color-gray-900);height:2px;position:absolute;bottom:-1px;left:0;right:0}.settings__panel{padding-top:var(--space-6)}.settings-section__header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.settings-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.settings-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.settings-table__footer{padding:var(--space-4);border-top:1px solid var(--border-color);justify-content:center;display:flex}.settings-table__nowrap{white-space:nowrap}.settings-table__link{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0}.settings-table__link:hover{text-decoration:underline}.settings-user{align-items:center;gap:var(--space-3);display:flex}.settings-user__avatar{background:var(--color-gray-200);border-radius:var(--radius-full);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;overflow:hidden}.settings-user__avatar-img{object-fit:cover;width:100%;height:100%}.settings-user__info{line-height:var(--line-height-tight);flex-direction:column;display:flex}.settings-user__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.settings-user__email{font-size:var(--font-size-xs);color:var(--color-gray-500)}.settings-state{justify-content:center;align-items:center;gap:var(--space-4);min-height:260px;color:var(--color-gray-500);font-size:var(--font-size-md);flex-direction:column;display:flex}.settings-state--error{color:var(--color-danger)}.settings-state__spinner{color:var(--color-primary);animation:1s linear infinite settings-spin}@keyframes settings-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-error-banner{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-danger)}.settings-modal{padding:var(--space-8)}.settings-modal__icon{width:40px;height:40px;margin-bottom:var(--space-4);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.settings-modal__icon--success{background:var(--color-success-light);color:var(--color-success)}.settings-modal__icon--danger{background:var(--color-danger-light);color:var(--color-danger)}.settings-modal__title{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.settings-modal__text{margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}.settings-modal__field{gap:var(--space-2);padding:var(--space-6) 0;border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);flex-direction:column;display:flex}.settings-modal__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.settings-modal__textarea{width:100%;min-height:96px;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);resize:vertical}.settings-modal__textarea::placeholder{color:var(--color-gray-400)}.settings-modal__textarea:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.settings-modal__actions{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=768px){.settings{padding:var(--space-4)}.settings__tabs{gap:var(--space-5)}.settings-section__header{align-items:stretch}}.gen{align-items:start;gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gen__column{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.gen__card{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.gen__card-title{margin:0 0 var(--space-5);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.gen__fields{gap:var(--space-4);flex-direction:column;display:flex}.gen__field{gap:var(--space-2);flex-direction:column;display:flex}.gen__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.gen__input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.gen__input::placeholder{color:var(--color-gray-400)}.gen__input:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.gen__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.gen__saved{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-success)}.gen__security-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.gen__security-label{margin:0 0 var(--space-1);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.gen__security-hint{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}@media (width<=900px){.gen{grid-template-columns:minmax(0,1fr)}}.sform{min-height:calc(100vh - var(--navbar-height));margin:calc(var(--space-6) * -1) calc(var(--space-8) * -1);padding:var(--space-6);background:var(--bg-card);position:relative;overflow:hidden}.sform__back{align-items:center;gap:var(--space-3);z-index:2;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex;position:relative}.sform__back-icon{border:1px solid var(--border-color);border-radius:var(--radius-full);width:32px;height:32px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.sform__back:hover .sform__back-icon{background:var(--color-gray-100)}.sform__body{z-index:2;width:100%;max-width:645px;padding:var(--space-10) 0 240px;margin:0 auto;position:relative}.sform__body--wide{max-width:none;padding-left:var(--space-1);margin:0}.sform__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.sform__header-text{min-width:0}.sform__title{margin:0 0 var(--space-1);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em}.sform__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0}.sform__error{margin:0 0 var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-danger)}.sform__form{gap:var(--space-6);flex-direction:column;display:flex}.sform__grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sform__field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.sform__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.sform__hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0;font-style:italic}.sform__field-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:0}.sform__input,.sform__select,.sform__textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.sform__textarea{resize:vertical;min-height:104px}.sform__input::placeholder,.sform__textarea::placeholder{color:var(--color-gray-400)}.sform__select{appearance:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--space-4) center;cursor:pointer}.sform__select--placeholder{color:var(--color-gray-400)}.sform__select:disabled{cursor:not-allowed;opacity:.65}.sform__input:focus,.sform__select:focus,.sform__textarea:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.sform__group{gap:var(--space-3);flex-direction:column;display:flex}.sform__group-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin:0}.sform__checks{gap:var(--space-3) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sform__check{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-base);color:var(--color-gray-800);cursor:pointer;display:flex}.sform__check input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.sform__check--readonly{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);cursor:default}.sform__check--readonly input{cursor:default}.sform__repeat-row{align-items:center;gap:var(--space-3);display:flex}.sform__repeat-row .sform__input{flex:auto}.sform__repeat-remove{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:40px;height:44px;color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sform__repeat-remove:hover{background:var(--color-gray-100)}.sform__add-another{align-self:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast);display:inline-flex}.sform__add-another:hover{background:var(--color-gray-100)}.sform__actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px dashed var(--border-color);display:flex}.sform__btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast), opacity var(--transition-fast)}.sform__btn--ghost{background:var(--bg-card);border:1px solid var(--border-color);color:var(--color-gray-900)}.sform__btn--ghost:hover{background:var(--color-gray-100)}.sform__btn--primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-white)}.sform__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.sform__btn--primary:disabled{opacity:.55;cursor:not-allowed}.sform__tyre-bg{z-index:1;pointer-events:none;background:url(/assets/tire-wheel.png) 100% 100%/contain no-repeat;width:360px;height:360px;position:absolute;bottom:-150px;right:-80px}.sform__edit-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast);display:inline-flex}.sform__edit-btn:hover{background:var(--color-gray-100)}.sform__detail-section{gap:var(--space-4);max-width:640px;padding:var(--space-6) 0;border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);flex-direction:column;display:flex}.sform__detail-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.sform__detail-list{gap:var(--space-3);flex-direction:column;display:flex}.sform__detail-empty{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.sform__success{padding:var(--space-8)}.sform__success-title{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.sform__success-text{margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}@media (width<=768px){.sform{margin:calc(var(--space-4) * -1);padding:var(--space-4)}.sform__body{padding:var(--space-6) 0 var(--space-8)}.sform__title{font-size:var(--font-size-2xl)}.sform__grid,.sform__checks{grid-template-columns:minmax(0,1fr)}.sform__tyre-bg{display:none}}.reports-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.reports-page__header{margin-bottom:var(--space-2)}.reports-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.reports-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.reports-page__toast{background:var(--color-success-light,#f0fdf4);color:var(--color-success,#16a34a);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-success,#16a34a)}.reports-page__error{background:var(--color-danger-light,#fef2f2);color:var(--color-danger,#ef4444);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg)}.reports-page__section{gap:var(--space-4);flex-direction:column;display:flex}.reports-page__section-header{justify-content:space-between;align-items:center;display:flex}.reports-page__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.reports-page__download-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.reports-page__download-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.reports-page__charts-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.reports-page__chart-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.reports-page__chart-legend{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-2);display:flex}.reports-page__pie-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.reports-page__pie-legend{gap:var(--space-2) var(--space-4);margin-top:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.reports-page__legend-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-600);display:inline-flex}.reports-page__legend-dot{border-radius:50%;width:8px;height:8px}.reports-page__empty-chart{text-align:center;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.reports-page__empty-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-3);background:#eff6ff;justify-content:center;align-items:center;display:flex}.reports-page__empty-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.reports-page__empty-desc{font-size:var(--font-size-xs);color:var(--color-gray-500)}.reports-page__stats-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.reports-page__stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-5)}.reports-page__stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.reports-page__stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.reports-page__cards-grid{gap:var(--space-6);margin-top:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.reports-page__report-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;align-items:flex-start;display:flex}.reports-page__report-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reports-page__card-icon{border:2px solid var(--color-primary);width:36px;height:36px;color:var(--color-primary);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.reports-page__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.reports-page__card-desc{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0 0 var(--space-4) 0;line-height:1.5}.reports-page__card-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-top:auto;text-decoration:none}.reports-page__card-link:hover{text-decoration:underline}.reports-page__generator-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.reports-page__generator-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-4) 0}.reports-page__generator-form{gap:var(--space-4);grid-template-columns:repeat(4,1fr);align-items:end;display:grid}.reports-page__form-field{gap:var(--space-2);flex-direction:column;display:flex}.reports-page__form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.reports-page__required{color:var(--color-danger,#ef4444)}.reports-page__select-wrapper,.reports-page__input-wrapper{align-items:center;display:flex;position:relative}.reports-page__select,.reports-page__input{width:100%;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-800);appearance:none;background:#f8fafc;outline:none}.reports-page__select:focus,.reports-page__input:focus{border-color:var(--color-primary);background:var(--color-white)}.reports-page__select-icon,.reports-page__input-icon{right:var(--space-3);color:var(--color-gray-400);pointer-events:none;position:absolute}.reports-page__form-action{grid-column:span 1}.reports-page__btn-submit{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);cursor:pointer;transition:opacity var(--transition-fast);border:none}.reports-page__btn-submit:hover{opacity:.9}@media (width<=1024px){.reports-page__charts-grid{grid-template-columns:1fr}.reports-page__stats-grid{grid-template-columns:repeat(3,1fr)}.reports-page__cards-grid,.reports-page__generator-form{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.reports-page__stats-grid{grid-template-columns:1fr 1fr}.reports-page__cards-grid,.reports-page__generator-form{grid-template-columns:1fr}}.custom-date-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-date-modal__card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6);width:90%;max-width:360px}.custom-date-modal__group{margin-bottom:var(--space-4)}.custom-date-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin-bottom:var(--space-2);display:block}.custom-date-modal__input-wrapper{align-items:center;display:flex;position:relative}.custom-date-modal__input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-800);transition:border-color var(--transition-fast);background:#f8fafc;outline:none}.custom-date-modal__input:focus{border-color:var(--color-primary);background:var(--color-white)}.custom-date-modal__icon{right:var(--space-4);color:var(--color-gray-400);pointer-events:none;position:absolute}.custom-date-modal__divider{border-top:1px dashed var(--color-gray-200);margin:var(--space-5) 0}.custom-date-modal__actions{gap:var(--space-3);display:flex}.custom-date-modal__btn-cancel{padding:var(--space-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);cursor:pointer;transition:all var(--transition-fast);flex:1}.custom-date-modal__btn-cancel:hover{background:var(--color-gray-50)}.custom-date-modal__btn-apply{padding:var(--space-3);background:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);cursor:pointer;transition:opacity var(--transition-fast);border:none;flex:1}.custom-date-modal__btn-apply:hover{opacity:.9}.tyre-lifecycle-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.tyre-lifecycle-page__back-btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;display:inline-flex}.tyre-lifecycle-page__back-btn:hover{color:var(--color-gray-900)}.tyre-lifecycle-page__header{margin-top:calc(-1 * var(--space-2))}.tyre-lifecycle-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.tyre-lifecycle-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.tyre-lifecycle-page__tabs{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tyre-lifecycle-page__tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.tyre-lifecycle-page__tab:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.tyre-lifecycle-page__tab--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#eff6ff}.tyre-lifecycle-page__stats-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.tyre-lifecycle-page__stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.tyre-lifecycle-page__stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.tyre-lifecycle-page__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.tyre-lifecycle-page__stat-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);width:fit-content;display:inline-block}.tyre-lifecycle-page__stat-badge--success{color:#16a34a;background:#f0fdf4}.tyre-lifecycle-page__stat-badge--neutral{color:#64748b;background:#f8fafc}.tyre-lifecycle-page__charts-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.tyre-lifecycle-page__chart-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.tyre-lifecycle-page__chart-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-4) 0}.tyre-lifecycle-page__donut-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.tyre-lifecycle-page__donut-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tyre-lifecycle-page__donut-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.1}.tyre-lifecycle-page__donut-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.tyre-lifecycle-page__visualizer-legend{gap:var(--space-2);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.tyre-lifecycle-page__v-item{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.tyre-lifecycle-page__v-left{align-items:center;gap:var(--space-2);display:flex}.tyre-lifecycle-page__v-dot{border-radius:50%;width:8px;height:8px}.tyre-lifecycle-page__v-name{color:var(--color-gray-600)}.tyre-lifecycle-page__v-count{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.tyre-lifecycle-page__table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.tyre-lifecycle-page__table-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.tyre-lifecycle-page__table-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.tyre-lifecycle-page__download-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.tyre-lifecycle-page__table-wrapper{overflow-x:auto}.tyre-lifecycle-page__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.tyre-lifecycle-page__table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-gray-200);background:#f8fafc}.tyre-lifecycle-page__table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-800)}.tyre-lifecycle-page__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.tyre-lifecycle-page__badge--danger{color:#ef4444;background:#fef2f2}.tyre-lifecycle-page__badge--warning{color:#c2410c;background:#fff7ed}.tyre-lifecycle-page__action-btn{color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;padding:0}.tyre-lifecycle-page__action-btn:hover{text-decoration:underline}.tyre-lifecycle-page__pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.tyre-lifecycle-page__page-btn{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-gray-600);justify-content:center;align-items:center;display:flex}.tyre-lifecycle-page__page-num{width:32px;height:32px;font-size:var(--font-size-sm);color:var(--color-gray-600);cursor:pointer;justify-content:center;align-items:center;display:flex}.tyre-lifecycle-page__page-num--active{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.tyre-lifecycle-page__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tyre-lifecycle-page__modal-container{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6);width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.tyre-lifecycle-page__modal-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tyre-lifecycle-page__modal-back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;display:inline-flex}.tyre-lifecycle-page__modal-close{color:var(--color-gray-400);cursor:pointer;background:0 0;border:none}.tyre-lifecycle-page__modal-header{margin-bottom:var(--space-6)}.tyre-lifecycle-page__modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.tyre-lifecycle-page__modal-sub{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.tyre-lifecycle-page__modal-body{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.tyre-lifecycle-page__modal-left,.tyre-lifecycle-page__modal-right{gap:var(--space-4);flex-direction:column;display:flex}.tyre-lifecycle-page__modal-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.tyre-lifecycle-page__axle-layout{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);align-items:center;gap:var(--space-6);background:#f8fafc;flex-direction:column;display:flex}.tyre-lifecycle-page__axle-row{align-items:center;gap:var(--space-3);display:flex}.tyre-lifecycle-page__axle-line{background:var(--color-gray-300);width:60px;height:2px}.tyre-lifecycle-page__tyre-box{border-radius:var(--radius-md);width:48px;height:72px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.tyre-lifecycle-page__tyre-box:hover{transform:scale(1.05)}.tyre-lifecycle-page__tyre-box--optimal{color:#16a34a;background:#f0fdf4;border:2px solid #22c55e}.tyre-lifecycle-page__tyre-box--warning{color:#c2410c;background:#fff7ed;border:2px solid #f97316}.tyre-lifecycle-page__tyre-box--critical{color:#dc2626;background:#fef2f2;border:2px solid #ef4444}.tyre-lifecycle-page__axle-legend{gap:var(--space-6);margin-top:var(--space-4);display:flex}.tyre-lifecycle-page__axle-leg-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-600);display:inline-flex}.tyre-lifecycle-page__axle-leg-dot{border-radius:50%;width:10px;height:10px}.tyre-lifecycle-page__component-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-5);background:var(--color-white)}.tyre-lifecycle-page__component-label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.tyre-lifecycle-page__component-row{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#eff6ff;justify-content:space-between;align-items:center;display:flex}.tyre-lifecycle-page__component-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.tyre-lifecycle-page__alert-icon{color:#ef4444}.tyre-lifecycle-page__metrics-list{gap:var(--space-3);flex-direction:column;display:flex}.tyre-lifecycle-page__metric-row{font-size:var(--font-size-xs);border-bottom:1px dashed var(--color-gray-200);padding-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tyre-lifecycle-page__metric-key{color:var(--color-gray-500)}.tyre-lifecycle-page__metric-val{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.tyre-lifecycle-page__insight-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-5);background:#f8fafc}.tyre-lifecycle-page__insight-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:.05em;margin-bottom:var(--space-3)}.tyre-lifecycle-page__insight-text{font-size:var(--font-size-xs);color:var(--color-gray-600);margin:0 0 var(--space-4) 0;line-height:1.5}.tyre-lifecycle-page__insight-text strong{color:var(--color-primary)}.tyre-lifecycle-page__insight-footer{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}@media (width<=1024px){.tyre-lifecycle-page__stats-grid{grid-template-columns:repeat(2,1fr)}.tyre-lifecycle-page__charts-grid,.tyre-lifecycle-page__modal-body{grid-template-columns:1fr}}@media (width<=640px){.tyre-lifecycle-page__stats-grid{grid-template-columns:1fr}}.fleet-compliance-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.fleet-compliance-page__back-btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;display:inline-flex}.fleet-compliance-page__header{margin-top:calc(-1 * var(--space-2))}.fleet-compliance-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.fleet-compliance-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.fleet-compliance-page__filter-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);grid-template-columns:1fr 1fr 1fr auto;align-items:end;display:grid}.fleet-compliance-page__form-field{gap:var(--space-2);flex-direction:column;display:flex}.fleet-compliance-page__form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.fleet-compliance-page__req{color:#ef4444}.fleet-compliance-page__select-wrapper,.fleet-compliance-page__input-wrapper{align-items:center;display:flex;position:relative}.fleet-compliance-page__select,.fleet-compliance-page__input{width:100%;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-800);appearance:none;background:#f8fafc;outline:none}.fleet-compliance-page__select-icon,.fleet-compliance-page__input-icon{right:var(--space-3);color:var(--color-gray-400);pointer-events:none;position:absolute}.fleet-compliance-page__filter-actions{gap:var(--space-3);display:flex}.fleet-compliance-page__btn-clear{padding:var(--space-3) var(--space-6);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);cursor:pointer}.fleet-compliance-page__btn-apply{padding:var(--space-3) var(--space-6);background:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);cursor:pointer;border:none}.fleet-compliance-page__stats-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.fleet-compliance-page__stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.fleet-compliance-page__stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--space-2)}.fleet-compliance-page__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.fleet-compliance-page__stat-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);width:fit-content;display:inline-block}.fleet-compliance-page__stat-badge--success{color:#16a34a;background:#f0fdf4}.fleet-compliance-page__stat-badge--neutral{color:#64748b;background:#f8fafc}.fleet-compliance-page__stat-badge--danger{color:#ef4444;background:#fef2f2}.fleet-compliance-page__charts-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.fleet-compliance-page__chart-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.fleet-compliance-page__chart-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-4) 0}.fleet-compliance-page__legend{justify-content:center;gap:var(--space-6);margin-top:var(--space-2);display:flex}.fleet-compliance-page__leg-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-600);display:flex}.fleet-compliance-page__leg-dot{border-radius:50%;width:8px;height:8px}.fleet-compliance-page__donut-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fleet-compliance-page__donut-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.fleet-compliance-page__donut-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.fleet-compliance-page__p-legend{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.fleet-compliance-page__p-item{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.fleet-compliance-page__p-left{align-items:center;gap:var(--space-2);display:flex}.fleet-compliance-page__p-dot{border-radius:50%;width:8px;height:8px}.fleet-compliance-page__p-name{color:var(--color-gray-600)}.fleet-compliance-page__p-count{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.fleet-compliance-page__table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.fleet-compliance-page__table-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.fleet-compliance-page__table-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.fleet-compliance-page__download-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.fleet-compliance-page__table-wrapper{overflow-x:auto}.fleet-compliance-page__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.fleet-compliance-page__table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-gray-200);background:#f8fafc}.fleet-compliance-page__table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-800)}.fleet-compliance-page__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.fleet-compliance-page__badge--optimal{color:#16a34a;background:#dcfce7}.fleet-compliance-page__badge--under{color:#c2410c;background:#ffedd5}.fleet-compliance-page__badge--over{color:#334155;background:#f1f5f9}.fleet-compliance-page__badge--critical{color:#dc2626;background:#fee2e2}.fleet-compliance-page__pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.fleet-compliance-page__page-btn{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-gray-600);justify-content:center;align-items:center;display:flex}.fleet-compliance-page__page-num{width:32px;height:32px;font-size:var(--font-size-sm);color:var(--color-gray-600);cursor:pointer;justify-content:center;align-items:center;display:flex}.fleet-compliance-page__page-num--active{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}@media (width<=1024px){.fleet-compliance-page__filter-card{grid-template-columns:1fr 1fr}.fleet-compliance-page__stats-grid{grid-template-columns:repeat(2,1fr)}.fleet-compliance-page__charts-grid{grid-template-columns:1fr}}@media (width<=640px){.fleet-compliance-page__filter-card,.fleet-compliance-page__stats-grid{grid-template-columns:1fr}}.procurement-spend-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.procurement-spend-page__back-btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;display:inline-flex}.procurement-spend-page__header{margin-top:calc(-1 * var(--space-2))}.procurement-spend-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.procurement-spend-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.procurement-spend-page__tabs{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.procurement-spend-page__tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.procurement-spend-page__tab--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#eff6ff}.procurement-spend-page__stats-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.procurement-spend-page__stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.procurement-spend-page__stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--space-2)}.procurement-spend-page__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.procurement-spend-page__breakdown-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.procurement-spend-page__card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.procurement-spend-page__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-4) 0}.procurement-spend-page__donut-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.procurement-spend-page__donut-sub{font-size:var(--font-size-xs);color:var(--color-gray-500)}.procurement-spend-page__donut-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.procurement-spend-page__c-legend{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.procurement-spend-page__c-item{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.procurement-spend-page__c-left{align-items:center;gap:var(--space-2);display:flex}.procurement-spend-page__c-dot{border-radius:50%;width:8px;height:8px}.procurement-spend-page__c-name{color:var(--color-gray-600)}.procurement-spend-page__c-amt{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.procurement-spend-page__services-grid{gap:var(--space-4) var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.procurement-spend-page__service-item{gap:var(--space-2);flex-direction:column;display:flex}.procurement-spend-page__service-head{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.procurement-spend-page__service-name{color:var(--color-gray-800);font-weight:var(--font-weight-medium)}.procurement-spend-page__service-cost{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.procurement-spend-page__progress-track{border-radius:var(--radius-full);background:#e2e8f0;width:100%;height:6px;overflow:hidden}.procurement-spend-page__progress-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%}.procurement-spend-page__tip-box{border-radius:var(--radius-lg);padding:var(--space-4);background:#eff6ff;border:1px solid #bfdbfe;margin-top:auto}.procurement-spend-page__tip-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.procurement-spend-page__tip-text{font-size:var(--font-size-xs);color:var(--color-gray-700);margin:0;font-style:italic;line-height:1.4}.procurement-spend-page__table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.procurement-spend-page__table-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.procurement-spend-page__table-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.procurement-spend-page__header-controls{align-items:center;gap:var(--space-3);display:flex}.procurement-spend-page__select-wrapper{align-items:center;display:flex;position:relative}.procurement-spend-page__select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--color-gray-700);appearance:none}.procurement-spend-page__select-icon{right:var(--space-2);color:var(--color-gray-400);pointer-events:none;position:absolute}.procurement-spend-page__download-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.procurement-spend-page__table-wrapper{overflow-x:auto}.procurement-spend-page__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.procurement-spend-page__table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-gray-200);background:#f8fafc}.procurement-spend-page__table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-800)}.procurement-spend-page__pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.procurement-spend-page__page-btn{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-gray-600);justify-content:center;align-items:center;display:flex}.procurement-spend-page__page-num{width:32px;height:32px;font-size:var(--font-size-sm);color:var(--color-gray-600);cursor:pointer;justify-content:center;align-items:center;display:flex}.procurement-spend-page__page-num--active{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}@media (width<=1024px){.procurement-spend-page__stats-grid{grid-template-columns:repeat(2,1fr)}.procurement-spend-page__breakdown-grid{grid-template-columns:1fr}}@media (width<=640px){.procurement-spend-page__stats-grid,.procurement-spend-page__services-grid{grid-template-columns:1fr}}.expiry-forecast-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.expiry-forecast-page__back-btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;display:inline-flex}.expiry-forecast-page__header{margin-top:calc(-1 * var(--space-2))}.expiry-forecast-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.expiry-forecast-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.expiry-forecast-page__tabs{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.expiry-forecast-page__tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.expiry-forecast-page__tab--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#eff6ff}.expiry-forecast-page__overview-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.expiry-forecast-page__stats-2x2{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.expiry-forecast-page__stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.expiry-forecast-page__stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--space-2)}.expiry-forecast-page__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.expiry-forecast-page__stat-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);width:fit-content;display:inline-block}.expiry-forecast-page__stat-badge--success{color:#16a34a;background:#f0fdf4}.expiry-forecast-page__stat-badge--danger{color:#ef4444;background:#fef2f2}.expiry-forecast-page__stat-badge--warning{color:#c2410c;background:#fff7ed}.expiry-forecast-page__stat-badge--neutral{color:#64748b;background:#f8fafc}.expiry-forecast-page__chart-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;justify-content:space-between;display:flex}.expiry-forecast-page__chart-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.expiry-forecast-page__chart-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.expiry-forecast-page__select-wrapper{align-items:center;display:flex;position:relative}.expiry-forecast-page__select{padding:var(--space-1) var(--space-6) var(--space-1) var(--space-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-gray-700);appearance:none}.expiry-forecast-page__select-icon{right:var(--space-2);color:var(--color-gray-400);pointer-events:none;position:absolute}.expiry-forecast-page__lead-time{font-size:var(--font-size-xs);color:var(--color-gray-600);border-top:1px dashed var(--color-gray-200);padding-top:var(--space-3);margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.expiry-forecast-page__lead-time strong{color:var(--color-gray-900)}.expiry-forecast-page__table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.expiry-forecast-page__table-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.expiry-forecast-page__table-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.expiry-forecast-page__header-controls{align-items:center;gap:var(--space-3);display:flex}.expiry-forecast-page__download-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.expiry-forecast-page__table-wrapper{overflow-x:auto}.expiry-forecast-page__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.expiry-forecast-page__table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-gray-200);background:#f8fafc}.expiry-forecast-page__table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-800)}.expiry-forecast-page__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.expiry-forecast-page__badge--critical{color:#ef4444;background:#fef2f2}.expiry-forecast-page__badge--warning{color:#c2410c;background:#fff7ed}.expiry-forecast-page__rem-days{color:#ef4444;font-weight:var(--font-weight-semibold)}.expiry-forecast-page__action-btn{color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;padding:0}.expiry-forecast-page__pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.expiry-forecast-page__page-btn{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-gray-600);justify-content:center;align-items:center;display:flex}.expiry-forecast-page__page-num{width:32px;height:32px;font-size:var(--font-size-sm);color:var(--color-gray-600);cursor:pointer;justify-content:center;align-items:center;display:flex}.expiry-forecast-page__page-num--active{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}@media (width<=1024px){.expiry-forecast-page__overview-grid{grid-template-columns:1fr}}@media (width<=640px){.expiry-forecast-page__stats-2x2{grid-template-columns:1fr}}.wear-rate-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.wear-rate-page__back-btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;display:inline-flex}.wear-rate-page__header{margin-top:calc(-1 * var(--space-2))}.wear-rate-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.wear-rate-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.wear-rate-page__tabs{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.wear-rate-page__tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.wear-rate-page__tab--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#eff6ff}.wear-rate-page__stats-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.wear-rate-page__stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.wear-rate-page__stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--space-2)}.wear-rate-page__stat-value-group{align-items:baseline;gap:var(--space-2);display:flex}.wear-rate-page__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.wear-rate-page__stat-unit{font-size:var(--font-size-xs);color:var(--color-gray-500)}.wear-rate-page__grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.wear-rate-page__card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.wear-rate-page__card-header-flex{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.wear-rate-page__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-4) 0}.wear-rate-page__card-header-flex .wear-rate-page__card-title{margin:0}.wear-rate-page__total-detections{font-size:var(--font-size-xs);color:var(--color-gray-500)}.wear-rate-page__dist-bar{border-radius:var(--radius-lg);height:48px;margin-bottom:var(--space-4);display:flex;overflow:hidden}.wear-rate-page__dist-segment--optimal{background:#22c55e}.wear-rate-page__dist-segment--moderate{background:#f97316}.wear-rate-page__dist-segment--critical{background:#ef4444}.wear-rate-page__dist-legend{justify-content:center;gap:var(--space-8);margin-bottom:var(--space-6);display:flex}.wear-rate-page__dist-leg-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-700);display:flex}.wear-rate-page__dist-dot{border-radius:50%;width:8px;height:8px}.wear-rate-page__quote-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);background:#f8fafc;margin-top:auto}.wear-rate-page__quote-text{font-size:var(--font-size-xs);color:var(--color-gray-700);margin:0;font-style:italic;line-height:1.5}.wear-rate-page__modes-list{gap:var(--space-4);flex-direction:column;display:flex}.wear-rate-page__mode-item{gap:var(--space-2);flex-direction:column;display:flex}.wear-rate-page__mode-head{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.wear-rate-page__mode-name{font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.wear-rate-page__mode-pct{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.wear-rate-page__mode-track{border-radius:var(--radius-full);background:#e2e8f0;width:100%;height:8px;overflow:hidden}.wear-rate-page__mode-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%}.wear-rate-page__table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.wear-rate-page__table-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.wear-rate-page__table-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.wear-rate-page__download-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.wear-rate-page__table-wrapper{overflow-x:auto}.wear-rate-page__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.wear-rate-page__table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-gray-200);background:#f8fafc}.wear-rate-page__table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-800)}.wear-rate-page__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.wear-rate-page__badge--optimal{color:#16a34a;background:#dcfce7}.wear-rate-page__badge--moderate{color:#c2410c;background:#ffedd5}.wear-rate-page__badge--critical{color:#dc2626;background:#fee2e2}.wear-rate-page__pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.wear-rate-page__page-btn{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-gray-600);justify-content:center;align-items:center;display:flex}.wear-rate-page__page-num{width:32px;height:32px;font-size:var(--font-size-sm);color:var(--color-gray-600);cursor:pointer;justify-content:center;align-items:center;display:flex}.wear-rate-page__page-num--active{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}@media (width<=1024px){.wear-rate-page__stats-grid{grid-template-columns:repeat(2,1fr)}.wear-rate-page__grid{grid-template-columns:1fr}}@media (width<=640px){.wear-rate-page__stats-grid{grid-template-columns:1fr}}.downtime-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.downtime-page__back-btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;display:inline-flex}.downtime-page__header{margin-top:calc(-1 * var(--space-2))}.downtime-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.downtime-page__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.downtime-page__tabs{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.downtime-page__tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.downtime-page__tab--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#eff6ff}.downtime-page__stats-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.downtime-page__stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.downtime-page__stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--space-2)}.downtime-page__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.downtime-page__stat-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);width:fit-content;display:inline-block}.downtime-page__stat-badge--danger{color:#ef4444;background:#fef2f2}.downtime-page__stat-badge--neutral{color:#64748b;background:#f8fafc}.downtime-page__grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.downtime-page__card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.downtime-page__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-4) 0}.downtime-page__card-title-blue{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--space-2) 0}.downtime-page__donut-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.downtime-page__donut-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.downtime-page__donut-sub{font-size:var(--font-size-xs);color:var(--color-gray-500)}.downtime-page__donut-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.downtime-page__loss-legend{gap:var(--space-3);width:100%;margin-top:var(--space-4);flex-direction:column;display:flex}.downtime-page__loss-item{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.downtime-page__loss-left{align-items:center;gap:var(--space-3);display:flex}.downtime-page__loss-dot{border-radius:50%;width:8px;height:8px}.downtime-page__loss-text{flex-direction:column;display:flex}.downtime-page__loss-tag{font-weight:var(--font-weight-bold);color:var(--color-gray-800)}.downtime-page__loss-desc{color:var(--color-gray-500)}.downtime-page__loss-cost{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.downtime-page__opp-subtext{font-size:var(--font-size-xs);color:var(--color-gray-600);margin:0 0 var(--space-6) 0;line-height:1.5}.downtime-page__opp-progress-section{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.downtime-page__opp-progress-head{font-size:var(--font-size-xs);color:var(--color-gray-600);justify-content:space-between;align-items:center;display:flex}.downtime-page__opp-progress-head strong{color:var(--color-gray-900)}.downtime-page__opp-track{border-radius:var(--radius-full);background:#e2e8f0;width:100%;height:8px;overflow:hidden}.downtime-page__opp-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%}.downtime-page__savings-card{border-radius:var(--radius-lg);padding:var(--space-5);background:#eff6ff;border:1px solid #bfdbfe;margin-top:auto}.downtime-page__savings-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--space-1)}.downtime-page__savings-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.downtime-page__savings-sub{font-size:var(--font-size-xs);color:var(--color-gray-500)}.downtime-page__table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.downtime-page__table-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.downtime-page__table-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.downtime-page__download-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex}.downtime-page__table-wrapper{overflow-x:auto}.downtime-page__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.downtime-page__table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-gray-200);background:#f8fafc}.downtime-page__table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-800)}.downtime-page__pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.downtime-page__page-btn{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-gray-600);justify-content:center;align-items:center;display:flex}.downtime-page__page-num{width:32px;height:32px;font-size:var(--font-size-sm);color:var(--color-gray-600);cursor:pointer;justify-content:center;align-items:center;display:flex}.downtime-page__page-num--active{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}@media (width<=1024px){.downtime-page__stats-grid{grid-template-columns:repeat(2,1fr)}.downtime-page__grid{grid-template-columns:1fr}}@media (width<=640px){.downtime-page__stats-grid{grid-template-columns:1fr}}.audit-log-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.audit-log-page__header{gap:var(--space-1);flex-direction:column;display:flex}.audit-log-page__title{font-family:var(--font-family);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:var(--line-height-tight);margin:0}.audit-log-page__subtitle{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-normal);margin:0}.audit-log-page__error{align-items:center;gap:var(--space-3);background-color:var(--color-danger-light,#fef2f2);color:var(--color-danger,#ef4444);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid #ef444433;display:flex}.audit-log-page__card{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-xl,16px);padding:var(--space-6);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.audit-log-page__toolbar{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.audit-log-page__card-title{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.audit-log-page__filter{min-width:140px}.audit-log-page__select{margin-bottom:0!important}.audit-log-page__loading{padding:var(--space-12) 0;justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-gray-500);font-family:var(--font-family);font-size:var(--font-size-sm);flex-direction:column;display:flex}.audit-log-page__spinner{color:var(--color-primary);animation:1s linear infinite audit-log-spin}@keyframes audit-log-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audit-log-page__table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.audit-log-page__table .data-table-wrapper{border:none;border-radius:0}.audit-log-page__table .data-table__head{background-color:#f8fafc}.audit-log-page__table .data-table__th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:capitalize;letter-spacing:normal;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-color)}.audit-log-page__table .data-table__td{padding:var(--space-4) var(--space-4);font-size:var(--font-size-sm);vertical-align:middle;border-bottom:1px solid #f1f5f9}.audit-log__cell-timestamp{color:var(--color-gray-700);white-space:nowrap;font-weight:var(--font-weight-medium)}.audit-log__cell-name{color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.audit-log__cell-role{color:var(--color-gray-600)}.audit-log__cell-module,.audit-log__cell-action{color:var(--color-gray-700)}.audit-log-page__pagination{padding-top:var(--space-6);margin-top:var(--space-4);border-top:1px solid #f1f5f9;justify-content:center;display:flex}@media (width<=768px){.audit-log-page{gap:var(--space-4)}.audit-log-page__card{padding:var(--space-4);border-radius:var(--radius-lg)}.audit-log-page__toolbar{margin-bottom:var(--space-4)}.audit-log-page__card-title{font-size:var(--font-size-sm)}.audit-log-page__filter{min-width:120px}.audit-log-page__table .data-table__th,.audit-log-page__table .data-table__td{padding:var(--space-3) var(--space-3)}.audit-log-page__pagination{padding-top:var(--space-4);margin-top:var(--space-2)}}: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)}