.button{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--sm{font-size:var(--text-sm);padding:var(--space-2)var(--space-3);height:32px}.button--md{font-size:var(--text-sm);padding:var(--space-2)var(--space-4);height:40px}.button--lg{font-size:var(--text-base);padding:var(--space-3)var(--space-6);height:48px}.button--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--text-inverse);box-shadow:var(--shadow-sm),0 1px 2px #d4912e33}.button--primary:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:var(--shadow-md),0 2px 4px #d4912e4d;transform:translateY(-1px)}.button--primary:active{transform:translateY(0)}.button--secondary{background:var(--surface-primary);color:var(--text-primary);border-color:var(--color-neutral-200)}.button--secondary:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.button--danger{background:var(--color-danger);color:var(--text-inverse)}.button--danger:hover{box-shadow:var(--shadow-md);background:#b91c1c;transform:translateY(-1px)}.button--ghost{color:var(--text-secondary);background:0 0}.button--ghost:hover{background:var(--color-neutral-100);color:var(--text-primary)}.button--icon{width:40px;height:40px;padding:0}.button--icon.button--sm{width:32px;height:32px}.button__spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.card{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);overflow:hidden}.card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--elevated{box-shadow:var(--shadow-md);border-color:#0000}.card--glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border-color:#ffffff4d}.card__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card__body{padding:var(--space-5)}.card__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-top:1px solid var(--color-neutral-100);display:flex}
.badge{align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);white-space:nowrap;line-height:1;display:inline-flex}.badge--default{background:var(--color-neutral-100);color:var(--color-neutral-700)}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-800)}.badge--secondary{background:var(--color-secondary-100);color:var(--color-secondary-800)}.badge--success{background:var(--color-success-light);color:#166534}.badge--warning{background:var(--color-warning-light);color:#9a3412}.badge--danger{background:var(--color-danger-light);color:#991b1b}.badge--info{background:var(--color-info-light);color:#1e40af}.badge__dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}
.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input-group__required{color:var(--color-danger);margin-left:var(--space-1)}.input{width:100%;height:40px;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--color-neutral-300)}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d4912e1f}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px #dc26261f}.input--lg{height:48px;padding:var(--space-3)var(--space-4);font-size:var(--text-base)}.input--textarea{resize:vertical;height:auto;min-height:100px;line-height:var(--leading-normal)}.input-group__helper{font-size:var(--text-xs);color:var(--text-tertiary)}.input-group__error{font-size:var(--text-xs);color:var(--color-danger)}.input--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2378716c' d='M6 8.825c-.2 0-.4-.075-.55-.225l-3-3a.776.776 0 0 1 0-1.1.776.776 0 0 1 1.1 0L6 6.95 8.45 4.5a.776.776 0 0 1 1.1 0 .776.776 0 0 1 0 1.1l-3 3c-.15.15-.35.225-.55.225Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-8)}
.modal-overlay{background:var(--surface-overlay);z-index:var(--z-modal);animation:fadeIn var(--transition-fast)ease-out;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;animation:modalSlideUp var(--transition-base)ease-out;flex-direction:column;display:flex}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal__header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}.modal__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--color-neutral-100);color:var(--text-primary)}.modal__body{padding:var(--space-6);flex:1;overflow-y:auto}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-6);border-top:1px solid var(--color-neutral-100);display:flex}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}