.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-6);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-align:center;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-dark)}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary-light)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-sm{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{min-height:52px;padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-icon{padding:0;min-height:auto}.btn-icon,.btn-icon.btn-sm{width:var(--touch-target-min);height:var(--touch-target-min)}.btn-icon.btn-lg{width:52px;height:52px}.btn-block{display:flex;width:100%}@media (min-width:768px){.btn-block-mobile-only{display:inline-flex;width:auto}}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn-group{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}@media (max-width:374px){.btn-group-vertical-mobile{flex-direction:column}.btn-group-vertical-mobile .btn{width:100%}}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;border-radius:var(--radius-full);border:1px solid transparent}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.badge-success{background-color:#d1fae5;color:#065f46;border-color:var(--color-success)}.badge-warning{background-color:#fef3c7;color:#92400e;border-color:var(--color-warning)}.badge-error{background-color:#fee2e2;color:#991b1b;border-color:var(--color-error)}.badge-info{background-color:#f4eae5;color:#3b6d66;border-color:var(--color-info)}.badge-neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--color-border-dark)}.badge-sm{padding:2px var(--space-2);font-size:.625rem}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.badge-outline{background-color:transparent}.badge-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:currentColor}.badge-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}