.kanan-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:0 24px;height:44px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;letter-spacing:.01em}.kanan-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.kanan-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.kanan-btn-primary[data-size=sm]{height:36px;padding:0 16px;font-size:var(--text-xs)}.kanan-btn-primary[data-size=lg]{height:52px;padding:0 32px;font-size:var(--text-base)}.kanan-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:0 24px;height:44px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap}.kanan-btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary);transform:translateY(-1px)}.kanan-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.kanan-btn-secondary[data-size=sm]{height:36px;padding:0 16px;font-size:var(--text-xs)}.kanan-btn-secondary[data-size=lg]{height:52px;padding:0 32px;font-size:var(--text-base)}.kanan-btn-alt{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:0 24px;height:44px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--color-alt);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap}.kanan-btn-alt:hover:not(:disabled){background:var(--color-alt-hover);transform:translateY(-1px)}.kanan-btn-alt:disabled{opacity:.5;cursor:not-allowed}.kanan-btn-alt[data-size=sm]{height:36px;padding:0 16px;font-size:var(--text-xs)}.kanan-btn-alt[data-size=lg]{height:52px;padding:0 32px;font-size:var(--text-base)}.kanan-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.kanan-input-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.kanan-input-field{height:44px;padding:0 var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.kanan-input-field::placeholder{color:var(--color-text-secondary);opacity:.6}.kanan-input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a7c5926}.kanan-input-field[data-error=true]{border-color:var(--color-danger)}.kanan-input-error{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-danger)}.kanan-card{background:var(--color-bg-secondary);border:none;border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.kanan-card:hover{box-shadow:var(--shadow-md)}.kanan-card[data-padding=sm]{padding:var(--space-md)}.kanan-card[data-padding=lg]{padding:var(--space-xl)}.kanan-heading-1{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);line-height:1.2;letter-spacing:-.02em}.kanan-heading-2{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);line-height:1.3;letter-spacing:-.01em}.kanan-body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;color:var(--color-text);line-height:1.6}.kanan-caption{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:400;color:var(--color-text-secondary);line-height:1.5;letter-spacing:.01em}.kanan-heading-1-light{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.02em}.kanan-body-light{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;color:#ffffffd9;line-height:1.6}.kanan-badge{display:inline-flex;align-items:center;height:24px;padding:0 12px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.02em}.kanan-badge[data-variant=success]{color:var(--color-success);background:var(--color-success-bg)}.kanan-badge[data-variant=warning]{color:var(--color-warning);background:var(--color-warning-bg)}.kanan-badge[data-variant=danger]{color:var(--color-danger);background:var(--color-danger-bg)}.kanan-badge[data-variant=neutral]{color:var(--color-text-secondary);background:var(--color-bg-secondary)}