.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:0.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;user-select:none;}.btn:disabled{opacity:0.5;cursor:not-allowed;}.btn--primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--white);box-shadow:var(--shadow-md);}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg);}.btn--secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);}.btn--secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);}[data-theme="dark"] .btn--secondary{background:var(--gray-700);color:var(--white);border:1px solid var(--gray-600);}[data-theme="dark"] .btn--secondary:hover:not(:disabled){background:var(--gray-600);}.btn--large{padding:var(--space-md) var(--space-xl);font-size:1rem;}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:0.75rem;}.btn--icon{padding:var(--space-sm);min-width:2.5rem;min-height:2.5rem;}.btn--danger{background:var(--error-color);color:var(--white);}.btn--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);}.btn--template{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);font-size:0.75rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);}.btn--template:hover{background:var(--primary-color);color:var(--white);transform:translateY(-1px);}.btn__icon{font-size:1.125rem;}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-primary);transition:all var(--transition-normal);}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px);}.card__header{padding:var(--space-lg);border-bottom:1px solid var(--border-primary);}.card__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;}.card__body{padding:var(--space-lg);}.card__footer{padding:var(--space-lg);border-top:1px solid var(--border-primary);background:var(--bg-secondary);}.tag{background:var(--primary-color);color:var(--white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:0.75rem;font-weight:500;text-transform:lowercase;}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(5px);}.modal__content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;}.modal__header{padding:var(--space-lg);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;}.modal__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;}.modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-tertiary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);}.modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary);}.modal__body{padding:var(--space-lg);}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(5px);}.loading.active{display:flex;}.loading__spinner{width:3rem;height:3rem;border:3px solid var(--gray-300);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md);}.loading__text{color:var(--white);font-weight:500;}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--text-tertiary);}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);display:block;}.empty-state__message{font-size:1rem;color:var(--text-tertiary);}