.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-button);font-size:var(--text-sm);font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none;border:1px solid #0000;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background-color:var(--color-jamb);color:var(--color-surface-0)}.btn--primary:hover:not(:disabled){background-color:var(--color-jamb-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-jamb-dark)}.btn--secondary{border:1px solid var(--color-jamb);color:var(--color-jamb);background-color:#0000}.btn--secondary:hover:not(:disabled){background-color:var(--color-jamb-light)}.btn--danger{background-color:var(--color-danger);color:var(--color-surface-0)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger);opacity:.9}.btn--danger:active:not(:disabled){opacity:.8}.btn--ghost{color:var(--color-jamb);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-jamb-light)}.btn--ghost:active:not(:disabled){background-color:var(--color-jamb-light);opacity:.9}.btn--sm{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-xs)}.btn--md{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-button);font-size:var(--text-sm)}.btn--lg{padding:var(--spacing-3-5) var(--spacing-6);border-radius:var(--radius-button);font-size:var(--text-sm)}.btn--block{width:100%}.card{background-color:var(--color-surface-0);border:1px solid var(--color-surface-200);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.card--padded-lg{padding:var(--spacing-card-lg)}.card__header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-surface-100);justify-content:space-between;align-items:center;display:flex}.card__content{padding:var(--spacing-4)}.card__content--padded-lg{padding:var(--spacing-4) var(--spacing-6)}.card__footer{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-surface-100);display:flex}.field{gap:var(--spacing-1-5);flex-direction:column;display:flex}.field__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-surface-500)}.field__input{border:1px solid var(--color-surface-300);border-radius:var(--radius-input);width:100%;padding:var(--spacing-2-5) var(--spacing-3-5);font-size:var(--text-sm);color:var(--color-ink-900);background-color:var(--color-surface-0);transition:border-color .15s,box-shadow .15s}.field__input::placeholder{color:var(--color-surface-400)}.field__input:focus{border-color:var(--color-jamb);box-shadow:0 0 0 1px var(--color-jamb);outline:none}.field__input--center{text-align:center;letter-spacing:var(--tracking-widest)}.field__input--error{border-color:var(--color-red-400)}.field__input--error:focus{border-color:var(--color-jamb);box-shadow:0 0 0 1px var(--color-jamb)}.field__error{font-size:var(--text-label);color:var(--color-red-500);margin-top:2px}.modal{z-index:50;flex-direction:column;transition:opacity .2s;display:flex;position:fixed;inset:0}@media (width>=64rem){.modal{padding:var(--spacing-4);justify-content:center;align-items:center}}.modal__overlay{background-color:#0006;position:absolute;inset:0}.modal__sheet{background-color:var(--color-surface-0);border-radius:var(--radius-card-lg) var(--radius-card-lg) 0 0;flex-direction:column;width:100%;margin-top:auto;transition:transform .2s;display:flex;position:relative}@media (width>=64rem){.modal__sheet{border-radius:var(--radius-card-lg);box-shadow:var(--shadow-xl);max-width:28rem;margin-top:0}}.modal--sm .modal__sheet{max-width:24rem}.modal--lg .modal__sheet{max-width:32rem}.modal__header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-surface-100);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-ink-900)}.modal__close{font-size:var(--text-label);font-weight:var(--font-weight-semibold);color:var(--color-surface-500)}.modal__body{padding:var(--spacing-4)}.toast{top:var(--spacing-16);z-index:100;padding-left:var(--spacing-4);padding-right:var(--spacing-4);pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.toast__content{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-surface-0);pointer-events:auto;display:flex}.toast__content--success{background-color:var(--color-jamb)}.toast__content--error{background-color:var(--color-danger)}.toast__content--warning{background-color:var(--color-warning)}.toast__content--info{background-color:var(--color-info)}.banner{z-index:200;padding:var(--spacing-2) var(--spacing-4);color:var(--color-surface-0);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-align:center;transition:all .3s;position:fixed;top:0;left:0;right:0}.banner--online{background-color:var(--color-jamb)}.banner--offline{background-color:var(--color-danger)}.progress{background-color:var(--color-surface-100);border-radius:var(--radius-full);height:var(--spacing-2);overflow:hidden}.progress--sm{height:var(--spacing-1-5)}.progress--xs{height:var(--spacing-1)}.progress--lg{height:var(--spacing-3)}.progress__bar{background-color:var(--color-jamb);border-radius:var(--radius-full);height:100%;transition:width .7s ease-out}.progress--danger .progress__bar{background-color:var(--color-danger)}.progress--warning .progress__bar{background-color:var(--color-warning)}.progress--red .progress__bar{background-color:var(--color-red-400)}.progress--amber .progress__bar{background-color:var(--color-amber-400)}.empty-state{padding:var(--spacing-12) var(--spacing-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{background-color:var(--color-surface-100);border-radius:var(--radius-card-lg);width:3.5rem;height:3.5rem;margin-bottom:var(--spacing-3);justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-ink-900)}.empty-state__desc{font-size:var(--text-xs);color:var(--color-surface-500);margin-top:var(--spacing-1);max-width:13.75rem}.empty-state__action{margin-top:var(--spacing-4);background-color:var(--color-jamb);color:var(--color-surface-0);font-size:var(--text-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-2-5) var(--spacing-5);border-radius:var(--radius-button)}.empty-state__action:active{background-color:var(--color-jamb-dark)}.section-header{font-size:var(--text-label);font-weight:var(--font-weight-bold);color:var(--color-surface-500);text-transform:uppercase;letter-spacing:var(--tracking-wide)}@media (width>=64rem){.section-header{font-size:var(--text-xs)}}.error-banner{background-color:var(--color-danger-light);border:1px solid var(--color-red-200);border-radius:var(--radius-card);padding:var(--spacing-2-5) var(--spacing-3-5)}.error-banner__text{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-danger)}.badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-0-5) var(--spacing-2-5);border-radius:var(--radius-full);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);white-space:nowrap;display:inline-flex}.badge--jamb{background-color:var(--color-jamb-light);color:var(--color-jamb)}.badge--gray{background-color:var(--color-surface-100);color:var(--color-surface-700)}.badge--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-amber-800)}.stat-badge{background-color:var(--color-surface-0);border:1px solid var(--color-surface-200);border-radius:var(--radius-card);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-sm);flex:1;min-width:0}.stat-badge__label{font-size:var(--text-label);font-weight:var(--font-weight-semibold);color:var(--color-surface-500);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=64rem){.stat-badge__label{font-size:var(--text-xs)}}.stat-badge__value{margin-top:var(--spacing-0-5);font-size:var(--text-lg);font-weight:var(--font-weight-black)}.stat-badge__value--default{color:var(--color-ink-900)}.stat-badge__value--brand{color:var(--color-jamb)}.brand{justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.brand img{object-fit:contain;width:100%;height:100%}.loading{background-color:var(--color-surface-50);justify-content:center;align-items:center;height:100dvh;display:flex}.loading__inner{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.loading__spinner{border:4px solid var(--color-jamb);border-top-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}.loading__text{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-surface-400)}@keyframes spin{to{transform:rotate(360deg)}}.text-link{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-jamb)}.text-link:hover{text-decoration:underline}